@charset "UTF-8";

.amp-app-card-big .amp-card-title-big>span,.amp-app-card-hover-big>.amp-app-card-big-head>span,.amp-aside-right-tab-item,.amp-classify-apps-header>h3,.amp-desktopnav-more>.amp-tab-item,.amp-extend>.amp-extend-list,.amp-folder-header>h3,.amp-header-detail-category-v>span,.amp-left-aside-canuseapp-name,.amp-recommend-show-desktopnav>span.recommend-keep-desktop-nav,.amp-task-count,.aside-process-item>.content,.aside-process-item>.content>.processName,.serviceItem>.content>.title>h5,li.amp-service-searchName-item {
    white-space: nowrap;
    text-overflow: ellipsis
}

article,aside,body,div,footer,h3,h5,header,html,i,iframe,img,input,li,nav,section,ul {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

article,aside,footer,header,nav,section {
    display: block
}

html {
    box-sizing: border-box
}

*,:after,:before {
    box-sizing: inherit
}

ul {
    list-style: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    outline: 0
}

img,input,select {
    vertical-align: middle
}

img {
    border: none
}

section {
    position: relative
}

.nicescroll-cursors {
    border: none!important;
    background-color: rgba(204,204,204,.6)!important;
    border-radius: 0!important
}

:-ms-input-placeholder {
    color: #A2A9A7
}

input {
    font-family: inherit
}

.amp-add-smalltool {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 44px;
    padding-top: 30px;
    background-color: rgba(0,0,0,.1);
    color: #fff
}

.amp-add-smalltool>section {
    position: relative;
    overflow-y: auto;
    padding-left: 100px;
    padding-right: 100px;
    width: 100%;
    height: 100%
}

.amp-add-smalltool-zIndex-lv1 {
    z-index: 2000!important
}

.amp-add-smalltool-header {
    text-align: center
}

.amp-add-smalltool-header>div>h2 {
    font-size: 23px;
    letter-spacing: 0;
    margin-bottom: 4px
}

.amp-add-smalltool-header>div>span {
    color: #bbb
}

.amp-add-smalltool-content {
    width: 100%;
    height: 100%;
    text-align: center;
    margin-top: 0;
    margin-bottom: 32px
}

.amp-add-smalltool-nav {
    left: 50%;
    position: absolute
}

.amp-add-smalltool-widgets {
    padding-top: 40px;
    text-align: center
}

.amp-add-smalltool-goback {
    clear: both;
    margin-top: 50px;
    height: 38px!important;
    width: 160px!important;
    margin-bottom: 100px;
    display: block!important;
    left: 50%;
    margin-left: -80px
}

.amp-widget-add-smalltool-mb {
    width: 540px;
    height: 240px;
    bottom: -240px;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,.24);
    position: absolute;
    z-index: 200;
    background-color: #000;
    opacity: .7;
    display: none
}

.amp-widget-add-smalltool-item:hover>div {
    display: block;
    bottom: 0
}

.amp-widget-add-smalltool-mb-content {
    margin: 20px;
    text-align: left
}

.amp-widget-add-smalltool-mb-label-item {
    display: block;
    clear: both
}

.amp-widget-add-smalltool-mb-btn {
    text-align: center
}

.amp-add-smalltool-split:after,.amp-add-smalltool-split:before {
    width: calc(50% - 115px)!important
}

.amp-add-smalltool-icon-add {
    background-color: rgba(255,255,255,.6)!important;
    border-color: transparent
}

.amp-dialog {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1109;
    overflow: auto
}

.amp-dialog.amp-dialog__active {
    display: block
}

.amp-dialog-content {
    position: relative;
    margin-top: 100px;
    margin-right: auto;
    margin-left: auto;
    z-index: 1111;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,.5)
}

.amp-dialog-mask {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1110;
    background-color: rgba(0,0,0,.5)
}

.amp-dialog--mask .amp-dialog-mask {
    display: block
}

.amp-dialog-close,.amp-dialog-title {
    display: inline-block
}

.amp-dialog-wrap {
    background-color: #fff;
    border-radius: 4px;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

.amp-dialog-header {
    position: relative;
    padding: 5px 15px;
    border-bottom: 1px solid #EDEEEE
}

.amp-dialog-close {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 15px;
    width: 24px;
    height: 24px;
    background: url(../../images/icons/icon.png) -352px 0 no-repeat;
    cursor: pointer
}

.amp-dialog-body {
    min-height: 300px;
    padding: 5px 15px;
    overflow: auto
}

.amp-dialog-body iframe {
    border: none;
    outline: 0;
    width: 100%;
    height: 100%
}

.amp-dialog-footer {
    text-align: center;
    border-top: 1px solid #EDEEEE
}

.amp-dialog-footer button {
    border: none;
    margin: 0 8px;
    padding: 6px 12px;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2)
}

.amp-dialog-footer button:hover {
    box-shadow: 0 2px 6px rgba(0,0,0,.2)
}

.amp-dialog-ok {
    background-color: rgba(0,187,211,.6);
    color: #fff;
    border-radius: 100px
}

.amp-app-card,.amp-app-card.amp-all,.amp-dialog-cancel {
    background-color: #fff
}

.amp-dialog-cancel {
    color: #264238
}

.amp-dialog__alert .amp-dialog-cancel,.amp-dialog__alert .amp-dialog-close {
    display: none
}

.amp-animated {
    -webkit-animation-duration: .45s;
    animation-duration: .45s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.amp-animated-fast {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.amp-animate-trans {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform,-webkit-transform;
    -webkit-transition-duration: .45s;
    transition-duration: .45s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.amp-animate-trans-fast {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform,-webkit-transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.amp-animate-all-fast {
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.amp-animate-top {
    -webkit-transition: top;
    transition: top;
    -webkit-transition-duration: .45s;
    transition-duration: .45s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.amp-animate-top-opacity {
    -webkit-transition: top,opacity;
    transition: top,opacity;
    -webkit-transition-duration: .45s;
    transition-duration: .45s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.amp-animate-height {
    -webkit-transition: height;
    transition: height;
    -webkit-transition-duration: .45s;
    transition-duration: .45s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.amp-animate-height-opacity-fast {
    -webkit-transition: height,opacity;
    transition: height,opacity;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.amp-animate-right-opacity {
    -webkit-transition: right,opacity;
    transition: right,opacity;
    -webkit-transition-duration: .45s;
    transition-duration: .45s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.amp-animate-left {
    -webkit-transition: left;
    transition: left;
    -webkit-transition-duration: .45s;
    transition-duration: .45s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.amp-animate-opacity {
    -webkit-transition: opacity;
    transition: opacity;
    -webkit-transition-duration: .45s;
    transition-duration: .45s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.amp-animate-bg-fast {
    -webkit-transition: background;
    transition: background;
    -webkit-transition-duration: .45s;
    transition-duration: .45s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.amp-rotateY {
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.amp-rotateY.amp-rotateY-hide {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

@-webkit-keyframes amp-animate-move-left-in {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes amp-animate-move-left-in {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.amp-animate-move-left-in {
    -webkit-animation-name: amp-animate-move-left-in;
    animation-name: amp-animate-move-left-in
}

@-webkit-keyframes amp-animate-move-left-out {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes amp-animate-move-left-out {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

.amp-animate-move-left-out {
    -webkit-animation-name: amp-animate-move-left-out;
    animation-name: amp-animate-move-left-out
}

@-webkit-keyframes amp-animate-move-right-in {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes amp-animate-move-right-in {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.amp-animate-move-right-in {
    -webkit-animation-name: amp-animate-move-right-in;
    animation-name: amp-animate-move-right-in
}

@-webkit-keyframes amp-animate-move-right-out {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes amp-animate-move-right-out {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

.amp-animate-move-right-out {
    -webkit-animation-name: amp-animate-move-right-out;
    animation-name: amp-animate-move-right-out
}

@-webkit-keyframes amp-animate-move-top-out {
    0% {
        transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        opacity: 1;
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1
    }

    100% {
        transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0
    }
}

@keyframes amp-animate-move-top-out {
    0% {
        transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        opacity: 1;
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1
    }

    100% {
        transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0
    }
}

.amp-animate-move-top-out {
    -webkit-animation-name: amp-animate-move-top-out;
    animation-name: amp-animate-move-top-out
}

@-webkit-keyframes amp-animate-move-top-in {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes amp-animate-move-top-in {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.amp-animate-move-top-in {
    -webkit-animation-name: amp-animate-move-top-in;
    animation-name: amp-animate-move-top-in
}

@-webkit-keyframes amp-animate-move-bottom-in {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes amp-animate-move-bottom-in {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.amp-animate-move-bottom-in {
    -webkit-animation-name: amp-animate-move-bottom-in;
    animation-name: amp-animate-move-bottom-in
}

@-webkit-keyframes animate-small-to-big {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(0);
        opacity: .1
    }

    50% {
        -webkit-transform: scale(.1);
        opacity: .3
    }

    75% {
        -webkit-transform: scale(.5);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

.amp-animate-small-to-big {
    -webkit-animation: animate-small-to-big .5s;
    animation: animate-small-to-big .5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes animate-big-to-small {
    0% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    25% {
        -webkit-transform: scale(.6);
        opacity: .6
    }

    50% {
        -webkit-transform: scale(.4);
        opacity: .4
    }

    75% {
        -webkit-transform: scale(.2);
        opacity: .2
    }

    100% {
        -webkit-transform: scale(0);
        opacity: 0
    }
}

.amp-animate-big-to-small {
    -webkit-animation: animate-big-to-small .5s;
    animation: animate-big-to-small .5s;
    -webkit-animation-iteration-count: .5;
    animation-iteration-count: .5;
    animation-direction: normal;
    -webkit-animation-direction: normal
}

@-webkit-keyframes amp-animate-height-change {
    0% {
        height: 0
    }

    100% {
        height: 200px
    }
}

@keyframes amp-animate-height-change {
    0% {
        height: 0
    }

    100% {
        height: 200px
    }
}

.amp-animate-height-change {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: amp-animate-height-change 5s ease 1 forwards;
    -webkit-animation: amp-animate-height-change 1s ease 1 forwards
}

.amp-app-card {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 200px;
    height: 72px;
    padding: 12px 8px
}

.amp-app-card>img {
    width: 48px;
    height: 48px;
    float: left
}

.amp-app-card-info {
    position: relative;
    float: left;
    width: calc(100% - 56px)
}

.amp-app-card-title {
    font-size: 14px;
    text-align: left;
    height: 14px;
    line-height: 14px;
    padding-right: 16px;
    color: #264238
}

.amp-app-card-category {
    font-size: 12px;
    text-align: left;
    color: rgba(255,255,255,.6);
    height: 12px;
    line-height: 12px
}

.amp-app-card-extend {
    position: relative;
    height: 12px;
    line-height: 12px
}

.amp-app-card-star {
    float: left;
    padding-top: 2px;
    color: #FC0
}

.amp-app-card-star>i {
    display: block;
    float: left;
    font-size: 14px;
    width: 14px;
    height: 14px
}

.amp-app-card-permission {
    color: #264238
}

.amp-app-card-favorite {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 12px;
    color: #A2A9A7;
    cursor: pointer
}

.amp-app-card-favorite.amp-active>i,.amp-app-card-favorite:hover>i {
    color: #E6564A
}

.amp-app-card-favorite>i {
    font-size: 14px
}

.amp-app-complex,.amp-app-single {
    position: relative;
    cursor: pointer;
    padding: 4px 0 4px 16px
}

.amp-app-complex>img,.amp-app-single>img {
    width: 24px;
    height: 24px;
    float: left
}

.amp-app-complex>h5,.amp-app-single>h5 {
    font-size: 12px;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    padding-left: 8px;
    width: calc(100% - 64px);
    text-align: left;
    float: left
}

.amp-app-complex>.amp-app-single-i-icon,.amp-app-single>.amp-app-single-i-icon {
    position: absolute;
    right: 24px;
    top: 9px;
    display: none
}

.amp-app-complex:hover,.amp-app-single:hover {
    background-color: rgba(0,187,211,.15)
}

.amp-app-complex:hover>.amp-app-single-i-icon,.amp-app-single:hover>.amp-app-single-i-icon {
    display: block
}

.amp-apps-page {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 8px;
    text-align: center;
    font-size: 0
}

.amp-apps-page>div {
    cursor: pointer;
    height: 4px;
    width: 64px;
    display: inline-block;
    margin: 0 2px
}

.amp-apps-page>div:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: rgba(255,255,255,.3);
    border-radius: 4px
}

.amp-apps-page>div:hover {
    background-color: rgba(0,187,211,.6);
    border-radius: 4px
}

.amp-apps-page>div.amp-active:after {
    background-color: #00bbd3
}

.amp-app-rotateY {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.amp-apps-hide .amp-app-rotateY {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

.amp-app-card-single {
    width: 200px;
    height: 72px;
    padding: 12px 8px
}

.amp-app-card-single>img {
    width: 48px;
    height: 48px;
    float: left
}

.amp-app-card-single>h5 {
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    height: 48px;
    line-height: 48px;
    padding-left: 8px;
    width: calc(100% - 48px);
    text-align: left
}

.amp-app-card-group {
    position: relative;
    width: 200px;
    height: 72px
}

.amp-app-card-group:hover>.amp-app-card-single {
    opacity: 0
}

.amp-app-card-group:hover>.amp-app-card,.amp-app-card-group>.amp-app-card-single {
    opacity: 1
}

.amp-app-card-group>.amp-app-card {
    padding-left: 8px;
    padding-right: 8px;
    opacity: 0;
    z-index: 1
}

.amp-app-card-group>.amp-app-card,.amp-app-card-group>.amp-app-card-single {
    position: absolute;
    -webkit-transition: opacity;
    transition: opacity;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.amp-bg-color-white-hover-lv1,.amp-card-wf-head-hover {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bar-apps-block-1 {
    position: relative
}

.amp-bar-apps-block-1>header {
    padding-left: 16px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background-color: rgba(0,0,0,.3)
}

.amp-bar-apps-block-header {
    height: 24px;
    line-height: 24px;
    background-color: rgba(0,0,0,.3);
    padding-left: 8px
}

.amp-bar-apps-block-header i {
    font-size: 12px
}

.amp-ehall-apps-card {
    background-color: rgba(0,0,0,.3);
    box-shadow: 0 0 0 rgba(38,66,56,.2)
}

.amp-ehall-apps-card .amp-app-card-title {
    color: #FFF
}

.amp-ehall-apps-card .amp-app-card-desc {
    display: none
}

.amp-ehall-apps-card .amp-app-card-permission,.amp-ehall-apps-card .amp-app-card-star {
    display: none!important
}

.amp-ehall-hot-new-flag-card {
    position: absolute;
    width: 0;
    height: 0;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    border-width: 16px;
    border-style: solid;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 12px
}

.amp-ehall-hot-new-flag-card>span {
    position: absolute;
    height: 20px;
    width: 20px;
    top: -12px;
    left: -16px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    text-align: center
}

.amp-ehallapp-hot-flag-card {
    border-color: #FC0 transparent transparent #FC0
}

.amp-ehallapp-new-flag-card {
    border-color: #E6564A transparent transparent #E6564A
}

.amp-open-maintain-content {
    display: block;
    margin: 4px 0 0;
    color: rgba(0,0,0,.6)
}

.amp-app-complex-btn {
    position: absolute;
    width: 40px;
    height: 20px;
    border-radius: 15px;
    right: 10px
}

.amp-app-complex-btn:after,.amp-app-complex-btn:before {
    content: "";
    position: absolute;
    background: #e6e6e6
}

.amp-app-complex-add:before {
    top: 4px;
    left: 20px;
    height: 12px;
    width: 2px
}

.amp-app-complex-add:after,.amp-app-complex-del:after {
    top: 9px;
    left: 15px;
    height: 2px;
    width: 12px
}

.amp-app-complex {
    cursor: move!important
}

.amp-app-complex-btn {
    cursor: pointer!important;
    margin-top: 2px
}

.amp-app-card-desc {
    position: absolute;
    width: 48px;
    height: 24px;
    background: rgba(0,0,0,.5);
    top: 37px;
    left: 8px;
    border-radius: 0 0 25px 25px;
    text-align: -webkit-center;
    color: #fff;
    font-size: 12px
}

.amp-loaded-hide {
    display: none!important
}

.amp-loaded-active {
    display: block!important
}

.amp-app-card-myfavorite>h5 {
    color: #FFF!important
}

.amp-app-card-big-top {
    top: 0
}

.amp-app-card-big-bottom {
    bottom: 8px
}

.amp-hover-app-card-group.amp-active>.amp-app-card-big {
    height: 200px
}

.amp-app-card-big {
    width: 200px;
    height: 0;
    position: absolute;
    z-index: 999999999;
    border-radius: 4px;
    opacity: 1;
    display: block;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(38,66,56,.2)
}

.amp-app-card-big .amp-app-card-title {
    color: #fff
}

.amp-app-card-big .amp-app-card-big-content {
    text-align: center;
    margin-top: 60px
}

.amp-app-card-big .amp-app-card-big-content .amp-app-card-favorite-big {
    font-size: 12px;
    color: rgba(0,0,0,.6)
}

.amp-app-card-big .amp-card-star-big {
    display: block;
    width: 100%;
    height: 16px;
    clear: both;
    margin-left: 65px
}

.amp-app-card-big .amp-app-card-category-big {
    display: block;
    text-align: -webkit-center;
    height: 18px;
    font-size: 12px;
    color: rgba(0,0,0,.6);
    margin: 0 8px
}

.amp-app-card-big .amp-card-title-big {
    display: block;
    height: 30px;
    font-size: 16px;
    font-weight: 400;
    clear: both;
    margin-top: 30px;
    color: rgba(0,0,0,.7);
    font-family: '微软雅黑'
}

.amp-app-card-big .amp-card-title-big>span {
    overflow: hidden;
    margin: 0 8px;
    display: block
}

.amp-app-card-big>.amp-app-card-big-head {
    padding: 16px;
    color: rgba(0,0,0,.15)
}

.amp-app-card-big>.amp-app-card-big-head .amp-card-desc {
    width: 20px;
    float: left;
    margin-left: 13px;
    cursor: pointer
}

.amp-app-card-big>.amp-app-card-big-head .amp-app-card-favorite {
    position: absolute;
    top: 15px;
    right: 16px;
    height: 24px;
    font-size: 12px;
    color: rgba(0,0,0,.15)
}

.amp-app-card-big>.amp-app-card-big-head .amp-app-card-permission {
    font-size: 12px;
    color: rgba(0,0,0,.4)
}

.amp-app-card-big>.amp-app-card-big-head>.amp-card-big-img {
    float: left;
    width: 72px;
    height: 72px;
    display: initial;
    display: block
}

.amp-app-card-big>.amp-app-card-big-head>.amp-app-card-extend {
    float: left;
    display: initial;
    width: 44px;
    color: #A2A9A7;
    cursor: pointer;
    padding-right: 8px
}

.amp-hover-app-card-group:hover>.amp-app-card-hover-big i.icon-information1,.amp-service-center-app-group:hover>.amp-app-card-hover-big i.icon-information1 {
    color: rgba(0,0,0,.4)!important
}

.amp-service-center-app-group:hover>.amp-app-card-hover-big {
    -webkit-animation: amp-elall-app-center-in .25s forwards;
    animation: amp-elall-app-center-in .25s forwards;
    webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    top: 0!important;
    margin-left: 10px!important
}

.amp-service-center-app-group:hover>.amp-app-card-hover-big>.amp-app-card-big-content {
    -webkit-animation: amp-elall-app-content-show .6s forwards;
    animation: amp-elall-app-content-show .6s forwards;
    animation-delay: .1s;
    -webkit-animation-delay: .1s
}

.amp-hover-app-card-group {
    position: relative
}

.amp-hover-app-card-group:hover>.amp-app-card-hover-big {
    -webkit-animation: amp-elall-app-center-in .25s forwards;
    animation: amp-elall-app-center-in .25s forwards;
    webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.amp-hover-app-card-group:hover>.amp-app-card-hover-big>.amp-app-card-big-content {
    -webkit-animation: amp-elall-app-content-show .6s forwards;
    animation: amp-elall-app-content-show .6s forwards;
    animation-delay: .1s;
    -webkit-animation-delay: .1s
}

.amp-hover-app-card-group:hover>.amp-app-card-hover-big-IE9 {
    top: -14px;
    left: -10px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 220px;
    height: 100px;
    opacity: 1
}

.amp-app-card-hover-big {
    width: 220px;
    height: 100px;
    background: #fff;
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(38,66,56,.4);
    opacity: 0
}

.amp-app-card-hover-big>.amp-app-card-big-head {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid rgba(162,169,167,.2)
}

.amp-app-card-hover-big>.amp-app-card-big-head>span {
    font-size: 14px;
    float: left;
    font-weight: 700;
    margin-left: 8px;
    line-height: 28px;
    color: rgba(0,0,0,.7);
    width: 160px;
    display: block;
    text-align: left;
    overflow: hidden
}

.amp-app-card-hover-big>.amp-app-card-big-head>.amp-card-desc {
    right: 38px;
    position: absolute;
    top: 4px
}

.amp-app-card-hover-big>.amp-app-card-big-head .amp-app-card-favorite {
    right: 20px;
    top: 4px
}

.amp-app-card-hover-big>.amp-app-card-big-content {
    height: 70px;
    width: 100%;
    padding: 0 8px;
    opacity: 1
}

.amp-app-card-hover-big>.amp-app-card-big-content>.amp-card-big-img {
    height: 100%;
    float: left;
    width: 48px;
    line-height: 70px
}

.amp-app-card-hover-big>.amp-app-card-big-content>.amp-card-big-box {
    height: 100%;
    margin-left: 56px;
    padding-top: 8px;
    font-size: 12px;
    color: rgba(0,0,0,.5);
    text-align: -webkit-left;
    text-align: left
}

.amp-app-card-hover-big>.amp-app-card-big-content>.amp-card-big-box>.amp-app-card-favorite-big {
    height: 24px;
    width: 100%;
    float: left
}

.amp-app-card-hover-big>.amp-app-card-big-content>.triangle-bottomright {
    width: 0;
    height: 0;
    border-bottom: 32px solid #E6564A;
    border-left: 32px solid transparent;
    position: absolute;
    right: 0;
    bottom: 0
}

.amp-app-card-hover-big>.amp-app-card-big-content>.triangle-bottomright>i {
    position: absolute;
    right: 2px;
    color: #fff;
    bottom: -29px;
    font-size: 12px
}

@-webkit-keyframes amp-elall-app-center-in {
    from {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        width: 200px;
        height: 72px;
        opacity: 1;
        left: 0;
        top: 0
    }

    to {
        top: -14px;
        left: -10px;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        width: 220px;
        height: 100px;
        opacity: 1
    }
}

@keyframes amp-elall-app-center-in {
    from {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        width: 200px;
        height: 72px;
        opacity: 1;
        left: 0;
        top: 0
    }

    to {
        top: -14px;
        left: -10px;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        width: 220px;
        height: 100px;
        opacity: 1
    }
}

.amp-boot-box,.amp-bootpage {
    position: absolute;
    top: 0;
    left: 0
}

@-webkit-keyframes amp-service-app-center-in {
    from {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        width: 200px;
        height: 72px;
        opacity: 1;
        left: 0;
        top: 0
    }

    to {
        top: 0;
        left: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        width: 220px;
        height: 100px;
        opacity: 1
    }
}

@keyframes amp-service-app-center-in {
    from {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        width: 200px;
        height: 72px;
        opacity: 1;
        left: 0;
        top: 0
    }

    to {
        top: 0;
        left: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        width: 220px;
        height: 100px;
        opacity: 1
    }
}

@-webkit-keyframes amp-elall-app-content-show {
    from {
        display: none
    }

    to {
        display: block
    }
}

@keyframes amp-elall-app-content-show {
    from {
        display: none
    }

    to {
        display: block
    }
}

.amp-bootpage {
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 9999!important
}

.amp-boot-box {
    width: 800px;
    height: 400px;
    bottom: 0;
    right: 0;
    margin: auto;
    display: -webkit-box
}

.amp-boot-box>.amp-bootpage-introduce {
    width: 100%;
    height: 100%
}

.amp-boot-box>.amp-bootpage-introduce>.amp-boot-leftaside,.amp-boot-box>.amp-bootpage-introduce>.amp-boot-rightaside {
    width: 60px;
    height: 100%;
    float: left;
    position: relative;
    background-color: #FFF
}

.amp-boot-box>.amp-bootpage-introduce>.amp-boot-leftaside>div,.amp-boot-box>.amp-bootpage-introduce>.amp-boot-rightaside>div {
    width: 23px;
    height: 41px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 50%;
    margin-left: -11px;
    cursor: pointer
}

.amp-boot-box>.amp-bootpage-introduce>.amp-boot-mainaside {
    width: 680px;
    height: 100%;
    float: left;
    background-color: #FFF
}

.amp-boot-box>.amp-bootpage-introduce>.amp-boot-mainaside>ul {
    position: absolute;
    width: 100%;
    height: 100%
}

.amp-boot-box>.amp-bootpage-introduce>.amp-boot-mainaside>ul>li {
    width: 100%;
    height: 100%;
    display: none
}

.amp-boot-box>.amp-bootpage-introduce>.amp-boot-mainaside>ul>li.amp-active {
    display: block
}

.amp-boot-mainside-rq {
    position: absolute;
    bottom: 52px;
    width: 166px;
    height: 90px;
    background: 0 0;
    left: 50%;
    margin-left: -83px
}

.amp-boot-mainside-rq>.amp-boot-enter {
    height: 55px;
    margin-bottom: 16px;
    cursor: pointer;
    content: initial;
    display: block;
    background-image: url('data:image/gif; base64,AAAA')
}

.amp-arrow:before,.amp-clearfix-child:after,.amp-clearfix:after,.amp-hover-underline:hover:after,.amp-service-nav-label:before,.amp-split:after,.amp-split:before {
    content: ""
}

.amp-boot-mainside-rq>.amp-boot-reload {
    height: 18px;
    cursor: pointer;
    background-image: url('data:image/gif; base64,AAAA')
}

.amp-card-wsf-head {
    background: rgba(0,0,0,.15)
}

.amp-card-wsf-head:hover {
    background: rgba(0,187,211,.3)
}

.amp-card-no-data {
    background: 0 0
}

.amp-card-service-item {
    background: 0 0!important;
    border-bottom: 1px solid rgba(162,169,167,.1)
}

.amp-card-service-item:hover {
    background: rgba(0,187,211,.3)!important
}

.amp-card-wf-head,.amp-myfavorite-tab {
    background: rgba(0,0,0,.15)!important
}

.amp-card-wf-head-hover {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-card-wf-head-hover:hover,.amp-card-wf-head-keep {
    background: rgba(0,187,211,.15)
}

.amp-classify {
    height: 332px
}

.amp-classify>section {
    min-height: 380px
}

.amp-classify-container {
    font-size: 0;
    text-align: center
}

.amp-classify-apps {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 200px;
    height: 332px;
    color: #FFF;
    background-color: rgba(0,0,0,.3);
    text-align: left;
    box-shadow: 0 2px 8px rgba(38,66,56,.2);
    border-radius: 4px;
    cursor: pointer
}

.amp-bg-color-white-hover-lv1:hover,.amp-bg-color-white-lv1 {
    background-color: #fff!important
}

.amp-classify-apps:last-child {
    margin-right: 0!important
}

.amp-classify-apps-header {
    margin-bottom: 22px;
    padding: 16px 8px 0 16px
}

.amp-classify-apps-header>h3 {
    font-size: 16px;
    font-weight: 400;
    height: 16px;
    line-height: 16px;
    color: #FFF!important;
    overflow: hidden
}

.amp-classify-apps-header>div {
    font-size: 12px;
    height: 12px;
    line-height: 12px
}

.amp-bg-color-white-hover-lv1 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-white-hover-lv2,.amp-bg-color-white-hover-lv3 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-white-hover-lv2:hover,.amp-bg-color-white-lv2 {
    background-color: rgba(255,255,255,.6)!important
}

.amp-bg-color-white-hover-lv2 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-white-hover-lv3:hover,.amp-bg-color-white-lv3 {
    background-color: rgba(255,255,255,.3)!important
}

.amp-bg-color-white-hover-lv3 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-white-hover-lv4,.amp-bg-color-white-hover-lv5 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-white-hover-lv4:hover,.amp-bg-color-white-lv4 {
    background-color: rgba(255,255,255,.15)!important
}

.amp-bg-color-white-hover-lv4 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-white-hover-lv5:hover,.amp-bg-color-white-lv5 {
    background-color: rgba(255,255,255,.1)!important
}

.amp-bg-color-white-hover-lv5 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-gray-hover-lv1,.amp-bg-color-white-hover-lv6 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-white-hover-lv6:hover,.amp-bg-color-white-lv6 {
    background-color: rgba(255,255,255,.05)!important
}

.amp-bg-color-white-hover-lv6 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-gray-hover-lv1 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-gray-hover-lv2,.amp-bg-color-gray-hover-lv3 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-gray-hover-lv1:hover {
    background-color: #264238!important
}

.amp-bg-color-gray-hover-lv2 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-gray-hover-lv2:hover {
    background-color: rgba(38,66,56,.6)!important
}

.amp-bg-color-gray-hover-lv3 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-gray-hover-lv4,.amp-bg-color-gray-hover-lv5 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-gray-hover-lv3:hover {
    background-color: rgba(38,66,56,.3)!important
}

.amp-bg-color-gray-hover-lv4 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-gray-hover-lv4:hover {
    background-color: rgba(38,66,56,.15)!important
}

.amp-bg-color-gray-hover-lv5 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-gray-hover-lv6,.amp-bg-color-theme-hover-lv1 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-gray-hover-lv5:hover {
    background-color: rgba(38,66,56,.1)!important
}

.amp-bg-color-gray-hover-lv6:hover,.amp-bg-color-gray-lv6 {
    background-color: rgba(38,66,56,.05)!important
}

.amp-bg-color-gray-hover-lv6 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-theme-hover-lv1 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-theme-hover-lv2,.amp-bg-color-theme-hover-lv3 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-theme-hover-lv1:hover {
    background-color: #009587!important
}

.amp-bg-color-theme-hover-lv2 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-theme-hover-lv2:hover {
    background-color: rgba(0,149,135,.6)!important
}

.amp-bg-color-theme-hover-lv3 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-theme-hover-lv4,.amp-bg-color-theme-hover-lv5 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-theme-hover-lv3:hover {
    background-color: rgba(0,149,135,.3)!important
}

.amp-bg-color-theme-hover-lv4 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-theme-hover-lv4:hover {
    background-color: rgba(0,149,135,.15)!important
}

.amp-bg-color-theme-hover-lv5 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-primary-hover-lv1,.amp-bg-color-theme-hover-lv6 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-theme-hover-lv5:hover {
    background-color: rgba(0,149,135,.1)!important
}

.amp-bg-color-theme-hover-lv6:hover,.amp-bg-color-theme-lv6 {
    background-color: rgba(0,149,135,.05)!important
}

.amp-bg-color-theme-hover-lv6 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-primary-hover-lv1 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-primary-hover-lv2,.amp-bg-color-primary-hover-lv3 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-primary-hover-lv1:hover {
    background-color: #00bbd9!important
}

.amp-bg-color-primary-hover-lv2 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-primary-hover-lv2:hover {
    background-color: rgba(0,187,217,.6)!important
}

.amp-bg-color-primary-hover-lv3 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-primary-hover-lv4,.amp-bg-color-primary-hover-lv5 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-primary-hover-lv3:hover {
    background-color: rgba(0,187,217,.3)!important
}

.amp-bg-color-primary-hover-lv4 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-primary-hover-lv4:hover {
    background-color: rgba(0,187,217,.15)!important
}

.amp-bg-color-primary-hover-lv5 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-primary-hover-lv6,.amp-bg-color-success-hover-lv1 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-primary-hover-lv5:hover {
    background-color: rgba(0,187,217,.1)!important
}

.amp-bg-color-primary-hover-lv6:hover,.amp-bg-color-primary-lv6 {
    background-color: rgba(0,187,217,.05)!important
}

.amp-bg-color-primary-hover-lv6 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-success-hover-lv1 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-success-hover-lv2,.amp-bg-color-success-hover-lv3 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-success-hover-lv1:hover {
    background-color: #8ac249!important
}

.amp-bg-color-success-hover-lv2 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-success-hover-lv2:hover {
    background-color: rgba(138,194,73,.6)!important
}

.amp-bg-color-success-hover-lv3 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-success-hover-lv4,.amp-bg-color-success-hover-lv5 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-success-hover-lv3:hover {
    background-color: rgba(138,194,73,.3)!important
}

.amp-bg-color-success-hover-lv4 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-success-hover-lv4:hover {
    background-color: rgba(138,194,73,.15)!important
}

.amp-bg-color-success-hover-lv5 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-success-hover-lv6,.amp-bg-color-warning-hover-lv1 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-success-hover-lv5:hover {
    background-color: rgba(138,194,73,.1)!important
}

.amp-bg-color-success-hover-lv6:hover,.amp-bg-color-success-lv6 {
    background-color: rgba(138,194,73,.05)!important
}

.amp-bg-color-success-hover-lv6 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-warning-hover-lv1 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-warning-hover-lv2,.amp-bg-color-warning-hover-lv3 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-warning-hover-lv1:hover {
    background-color: #fc0!important
}

.amp-bg-color-warning-hover-lv2 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-warning-hover-lv2:hover {
    background-color: rgba(255,204,0,.6)!important
}

.amp-bg-color-warning-hover-lv3 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-warning-hover-lv4,.amp-bg-color-warning-hover-lv5 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-warning-hover-lv3:hover {
    background-color: rgba(255,204,0,.3)!important
}

.amp-bg-color-warning-hover-lv4 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-warning-hover-lv4:hover {
    background-color: rgba(255,204,0,.15)!important
}

.amp-bg-color-warning-hover-lv5 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-danger-hover-lv1,.amp-bg-color-warning-hover-lv6 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-warning-hover-lv5:hover {
    background-color: rgba(255,204,0,.1)!important
}

.amp-bg-color-warning-hover-lv6:hover,.amp-bg-color-warning-lv6 {
    background-color: rgba(255,204,0,.05)!important
}

.amp-bg-color-warning-hover-lv6 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-danger-hover-lv1 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-danger-hover-lv2,.amp-bg-color-danger-hover-lv3 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-danger-hover-lv1:hover {
    background-color: #e6564a!important
}

.amp-bg-color-danger-hover-lv2 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-danger-hover-lv2:hover {
    background-color: rgba(230,86,74,.6)!important
}

.amp-bg-color-danger-hover-lv3 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-danger-hover-lv4,.amp-bg-color-danger-hover-lv5 {
    -webkit-transition: background-color;
    -webkit-backface-visibility: hidden
}

.amp-bg-color-danger-hover-lv3:hover {
    background-color: rgba(230,86,74,.3)!important
}

.amp-bg-color-danger-hover-lv4 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-danger-hover-lv4:hover {
    background-color: rgba(230,86,74,.15)!important
}

.amp-bg-color-danger-hover-lv5 {
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden
}

.amp-bg-color-danger-hover-lv5:hover {
    background-color: rgba(230,86,74,.1)!important
}

.amp-bg-color-danger-hover-lv6:hover,.amp-bg-color-danger-lv6 {
    background-color: rgba(230,86,74,.05)!important
}

.amp-bg-color-danger-hover-lv6 {
    -webkit-transition: background-color;
    transition: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.amp-border-color-theme-lv1 {
    border-color: #009587!important
}

.amp-border-color-theme-lv2 {
    border-color: #66bfb7!important
}

.amp-border-color-theme-lv3 {
    border-color: #b3dfdb!important
}

.amp-border-color-theme-lv4 {
    border-color: #d9efed!important
}

.amp-border-color-theme-lv5 {
    border-color: #e6f4f3!important
}

.amp-color-theme-lv6 {
    color: #f2faf9!important
}

.amp-border-color-theme-lv6 {
    border-color: #f2faf9!important
}

.amp-border-color-primary-lv1 {
    border-color: #00bbd3!important
}

.amp-border-color-primary-lv2 {
    border-color: #66d6e5!important
}

.amp-border-color-primary-lv3 {
    border-color: #b3ebf2!important
}

.amp-border-color-primary-lv4 {
    border-color: #d9f5f8!important
}

.amp-border-color-primary-lv5 {
    border-color: #e6f8fb!important
}

.amp-color-primary-lv6 {
    color: #f2fcfd!important
}

.amp-border-color-primary-lv6 {
    border-color: #f2fcfd!important
}

.amp-border-color-success-lv1 {
    border-color: #8ac249!important
}

.amp-border-color-success-lv2 {
    border-color: #b9da92!important
}

.amp-border-color-success-lv3 {
    border-color: #dcedc8!important
}

.amp-border-color-success-lv4 {
    border-color: #edf6e4!important
}

.amp-border-color-success-lv5 {
    border-color: #f3f9ed!important
}

.amp-color-success-lv6 {
    color: #f9fcf6!important
}

.amp-border-color-success-lv6 {
    border-color: #f9fcf6!important
}

.amp-border-color-warning-lv1 {
    border-color: #fc0!important
}

.amp-border-color-warning-lv2 {
    border-color: #ffe066!important
}

.amp-border-color-warning-lv3 {
    border-color: #fff0b3!important
}

.amp-border-color-warning-lv4 {
    border-color: #fff7d9!important
}

.amp-border-color-warning-lv5 {
    border-color: #fffae6!important
}

.amp-color-warning-lv6 {
    color: #fffcf2!important
}

.amp-border-color-warning-lv6 {
    border-color: #fffcf2!important
}

.amp-border-color-danger-lv1 {
    border-color: #e6564a!important
}

.amp-border-color-danger-lv2 {
    border-color: #f09a92!important
}

.amp-border-color-danger-lv3 {
    border-color: #f8ccc9!important
}

.amp-border-color-danger-lv4 {
    border-color: #fbe6e4!important
}

.amp-border-color-danger-lv5 {
    border-color: #fdeeed!important
}

.amp-color-danger-lv6 {
    color: #fef7f6!important
}

.amp-border-color-danger-lv6 {
    border-color: #fef7f6!important
}

.amp-color-white-lv1 {
    color: #fff!important
}

.amp-border-color-white-lv1 {
    border-color: #fff!important
}

.amp-border-color-gray-lv1 {
    border-color: #264238!important
}

.amp-border-color-gray-lv2 {
    border-color: #45534E!important
}

.amp-border-color-gray-lv3 {
    border-color: #A2A9A7!important
}

.amp-border-color-gray-lv4 {
    border-color: #D1D4D3!important
}

.amp-border-color-gray-lv5 {
    border-color: #EDEEEE!important
}

.amp-color-theme-lv1 {
    color: #009587!important
}

.amp-bg-color-theme-lv1 {
    background-color: #009587!important
}

.amp-color-theme-lv2 {
    color: #52B7AE!important
}

.amp-bg-color-theme-lv2 {
    background-color: #52B7AE!important
}

.amp-color-theme-lv3 {
    color: #CCEAE7!important
}

.amp-bg-color-theme-lv3 {
    background-color: #CCEAE7!important
}

.amp-color-theme-lv4 {
    color: #EBF7F6!important
}

.amp-bg-color-theme-lv4 {
    background-color: #EBF7F6!important
}

.amp-color-theme-lv5 {
    color: #F5FBFA!important
}

.amp-bg-color-theme-lv5 {
    background-color: #F5FBFA!important
}

.amp-color-primary-lv1 {
    color: #00BBD9!important
}

.amp-bg-color-primary-lv1 {
    background-color: #00BBD9!important
}

.amp-color-primary-lv2 {
    color: #52D1E1!important
}

.amp-bg-color-primary-lv2 {
    background-color: #52D1E1!important
}

.amp-color-primary-lv3 {
    color: #CCF1F6!important
}

.amp-bg-color-primary-lv3 {
    background-color: #CCF1F6!important
}

.amp-color-primary-lv4 {
    color: #EBFAFC!important
}

.amp-bg-color-primary-lv4 {
    background-color: #EBFAFC!important
}

.amp-color-primary-lv5 {
    color: #F5FCFD!important
}

.amp-bg-color-primary-lv5 {
    background-color: #F5FCFD!important
}

.amp-color-success-lv1 {
    color: #8AC249!important
}

.amp-bg-color-success-lv1 {
    background-color: #8AC249!important
}

.amp-color-success-lv2 {
    color: #B0D684!important
}

.amp-bg-color-success-lv2 {
    background-color: #B0D684!important
}

.amp-color-success-lv3 {
    color: #E8F3DB!important
}

.amp-bg-color-success-lv3 {
    background-color: #E8F3DB!important
}

.amp-color-success-lv4 {
    color: #F6FAF1!important
}

.amp-bg-color-success-lv4 {
    background-color: #F6FAF1!important
}

.amp-color-success-lv5 {
    color: #FAFDF8!important
}

.amp-bg-color-success-lv5 {
    background-color: #FAFDF8!important
}

.amp-color-warning-lv1 {
    color: #FC0!important
}

.amp-bg-color-warning-lv1 {
    background-color: #FC0!important
}

.amp-color-warning-lv2 {
    color: #FFDC52!important
}

.amp-bg-color-warning-lv2 {
    background-color: #FFDC52!important
}

.amp-color-warning-lv3 {
    color: #FFF5CC!important
}

.amp-bg-color-warning-lv3 {
    background-color: #FFF5CC!important
}

.amp-color-warning-lv4 {
    color: #FFFBEB!important
}

.amp-bg-color-warning-lv4 {
    background-color: #FFFBEB!important
}

.amp-color-warning-lv5 {
    color: #FFFDF5!important
}

.amp-bg-color-warning-lv5 {
    background-color: #FFFDF5!important
}

.amp-color-danger-lv1 {
    color: #E6564A!important
}

.amp-bg-color-danger-lv1 {
    background-color: #E6564A!important
}

.amp-color-danger-lv2 {
    color: #EE8C84!important
}

.amp-bg-color-danger-lv2 {
    background-color: #EE8C84!important
}

.amp-color-danger-lv3 {
    color: #FADDDB!important
}

.amp-bg-color-danger-lv3 {
    background-color: #FADDDB!important
}

.amp-color-danger-lv4 {
    color: #FDF2F1!important
}

.amp-bg-color-danger-lv4 {
    background-color: #FDF2F1!important
}

.amp-color-danger-lv5 {
    color: #FEF8F8!important
}

.amp-bg-color-danger-lv5 {
    background-color: #FEF8F8!important
}

.amp-color-gray-lv1 {
    color: #264238!important
}

.amp-bg-color-gray-lv1 {
    background-color: #264238!important
}

.amp-color-gray-lv2 {
    color: #45534E!important
}

.amp-bg-color-gray-lv2 {
    background-color: #45534E!important
}

.amp-color-gray-lv3 {
    color: #A2A9A7!important
}

.amp-bg-color-gray-lv3 {
    background-color: #A2A9A7!important
}

.amp-color-gray-lv4 {
    color: #D1D4D3!important
}

.amp-bg-color-gray-lv4 {
    background-color: #D1D4D3!important
}

.amp-color-gray-lv5 {
    color: #EDEEEE!important
}

.amp-bg-color-gray-lv5 {
    background-color: #EDEEEE!important
}

.amp-desktop-creat {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: 44px;
    padding-top: 30px;
    background-color: rgba(0,0,0,.1);
    color: #fff
}

.amp-desktop-creat>section {
    position: relative;
    overflow-y: auto;
    padding-left: 100px;
    padding-right: 100px;
    width: 100%;
    height: 100%
}

.amp-desktop-creat-zIndex-lv1 {
    z-index: 2000!important
}

.amp-desktop-creat-header {
    text-align: center
}

.amp-desktop-creat-header>div>h2 {
    font-size: 23px;
    letter-spacing: 0;
    margin-bottom: 4px
}

.amp-desktop-creat-header>div>span {
    color: #bbb
}

.amp-desktop-creat-header>div {
    margin-bottom: 16px
}

.amp-desktop-creat-nav-item {
    width: 160px!important;
    height: 36px!important
}

.amp-desktop-creat-do {
    text-align: center;
    margin-bottom: 20px
}

.amp-desktop-creat-icon {
    float: left;
    padding-left: 20px
}

.amp-desktop-creat-icon .icon-51 {
    font-size: 20px
}

.amp-desktop-creat-nav {
    position: absolute;
    text-align: center
}

.amp-desktop-nav-icon {
    position: relative;
    float: left;
    height: 32px;
    padding: 6px 12px;
    margin-right: 1px;
    color: #fff;
    background-color: rgba(0,0,0,.3);
    text-align: center;
    cursor: pointer
}

.amp-desktop-content-mb {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(255,255,255,0)
}

.amp-desktop-creat-wiget-items {
    position: relative
}

.amp-desktop-creat-close {
    position: absolute;
    right: 50px
}

.amp-desktop-creat-close .icon-chacha {
    font-size: 24px;
    cursor: pointer
}

.amp-widget-desktop-creat-mb {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    opacity: 0
}

.amp-desktop-set-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100%);
    background-color: rgba(0,0,0,.3);
    z-index: 9999;
    display: table;
    opacity: 0
}

.amp-desktop-set-wrap.amp-active {
    opacity: 1
}

.amp-desktop-set-cell {
    display: table-cell;
    vertical-align: middle
}

.amp-desktop-set {
    width: 540px;
    height: auto;
    font-size: 12px;
    color: #000;
    overflow: hidden;
    z-index: 9999;
    position: relative;
    margin: auto
}

.amp-desktop-set-container,.amp-desktop-set-list {
    width: 100%;
    position: relative
}

.amp-desktop-set-close-icon {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 18;
    color: rgba(0,0,0,.6);
    cursor: pointer
}

.amp-desktop-set-close-icon:hover {
    color: #00BBD3
}

.amp-desktop-set-header {
    width: 100%;
    height: 90px;
    padding-top: 22px;
    text-align: center
}

.amp-desktop-set-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 4px
}

.amp-desktop-set-subTitle {
    color: rgba(0,0,0,.7)
}

.amp-desktop-set-list {
    overflow: hidden;
    height: 52px;
    line-height: 52px;
    padding: 0 32px;
    margin-bottom: 1px;
    font-size: 14px;
    clear: both
}

.amp-desktop-set-list.create {
    margin-bottom: 0;
    cursor: pointer
}

.amp-desktop-set-list:hover .amp-desktop-set-list-toolbar {
    display: block
}

.amp-desktop-set-list:hover .amp-desktop-set-list-toolbar .set-refresh,.amp-desktop-set-list:hover .amp-desktop-set-list-toolbar .set-shanchu {
    display: none
}

.amp-desktop-set-list .iconfont {
    font-size: 20px
}

.amp-desktop-set-list-focus-bg {
    background-color: rgba(0,187,217,.15)!important
}

.amp-desktop-set-list-yellow-bg {
    background-color: rgba(255,204,0,.15)!important
}

.amp-desktop-set-list-create,.amp-desktop-set-list-input-container,.amp-desktop-set-list-left,.amp-desktop-set-list-name {
    float: left
}

.amp-desktop-set-list-left {
    margin-right: 32px
}

.amp-desktop-set-list-create:hover,.amp-desktop-set-list-name:hover {
    cursor: pointer
}

.amp-desktop-set-list-input-container {
    position: relative;
    margin-left: -12px;
    display: none
}

.amp-desktop-set-create-input,.amp-desktop-set-list-input {
    height: 30px;
    line-height: 18px;
    width: 188px;
    padding: 0 12px;
    font-size: 14px;
    border-radius: 15px;
    background-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.6);
    outline: 0
}

.amp-desktop-set-list-input-count {
    width: 41px;
    position: absolute;
    right: 12px;
    top: 0;
    font-size: 12px;
    color: rgba(0,0,0,.6)
}

.amp-desktop-set-list-toolbar {
    float: right;
    display: none
}

.amp-desktop-set-list-toolbar.hide {
    display: none!important
}

.amp-desktop-set-list-toolbar .iconfont:hover {
    color: #fff;
    cursor: pointer
}

.amp-desktop-set-restore-icon {
    margin-right: 12px
}

.amp-desktop-set-list-confirm {
    position: absolute;
    right: 0;
    top: 0;
    height: 52px;
    display: none
}

.amp-desktop-set-list-confirm>div {
    height: 52px;
    float: left
}

.amp-desktop-set-list-confirm-text {
    font-size: 12px;
    margin-right: 8px;
    color: #FC0
}

.amp-desktop-set-list-btn.amp-cancel-btn>i,.amp-desktop-set-list-btn.amp-confirm-btn>i,.amp-desktop-set-list-btn.amp-create-cancel-btn>i,.amp-desktop-set-list-btn.amp-create-save-btn>i {
    color: #fff!important
}

.amp-desktop-set-list-btn {
    float: left;
    width: 52px;
    text-align: center;
    line-height: 52px;
    cursor: pointer
}

.amp-desktop-set-list-btn.amp-confirm-btn {
    background-color: rgba(255,204,0,.6)
}

.amp-desktop-set-list-btn.amp-cancel-btn,.amp-desktop-set-list-btn.amp-create-cancel-btn {
    background-color: rgba(255,255,255,.6)
}

.amp-desktop-set-list-btn.amp-create-save-btn {
    background-color: rgba(255,204,0,.6)
}

.amp-desktop-set-list-btn .amp-desktop-set-confirm-icon {
    font-size: 18px;
    color: #fff
}

.amp-desktop-set-list-btn .amp-desktop-create-save-icon,.amp-desktop-set-list-btn .amp-desktop-set-cancel-icon {
    font-size: 16px;
    color: #fff
}

.amp-desktop-set-footer {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 104px;
    padding: 32px 0;
    text-align: center
}

.amp-desktop-set-close-btn {
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer
}

.amp-desktop-set-drag-icon {
    cursor: move!important
}

.padding-right-55 {
    padding-right: 55px!important
}

.right-45 {
    left: 190px!important
}

.amp-detail {
    position: fixed;
    width: 800px;
    left: calc(50% - 400px);
    padding: 0 16px;
    background-color: #fff;
    border-radius: 14px;
    z-index: 9999;
    display: table-cell;
    vertical-align: middle;
    height: calc(100% - 164px);
    top: 106px;
    max-height: 800px;
    min-height: 500px
}

.amp-detail-img,.amp-detail-img>img {
    width: 40px;
    height: 40px
}

.amp-detail>i {
    position: absolute;
    cursor: pointer;
    top: 12px;
    right: 12px;
    font-size: 20px;
    color: rgba(0,0,0,.4);
    z-index: 1
}

.amp-detail-introduction:after,.amp-split:after {
    right: 0
}

.amp-detail>i:hover {
    color: rgba(0,0,0,.3)
}

.amp-detail-title {
    text-align: left;
    margin-left: 64px
}

.amp-detail-img {
    position: absolute;
    top: 0
}

.amp-detail-container {
    position: relative;
    width: 100%;
    height: 100%
}

.amp-detail-container>footer {
    position: relative;
    height: 80px;
    text-align: center;
    color: #fff
}

.amp-detail-header {
    position: relative;
    height: 40px;
    margin-top: 16px;
    text-align: center
}

.amp-detail-header>.amp-detail-title>h3 {
    font-size: 20px;
    line-height: 20px
}

.amp-detail-header>.amp-detail-title>div {
    color: #7b7b7b;
    font-size: 14px;
    line-height: 18px;
    margin-top: 4px
}

.amp-approval-comment-close,.amp-detail-enter {
    line-height: 40px;
    border-radius: 40px;
    font-size: 16px
}

.amp-detail-introduction {
    position: relative;
    color: #7b7b7b;
    display: block;
    margin: 16px auto;
    text-align: center
}

.amp-detail-introduction:before {
    left: 0
}

.amp-detail-introduction:after,.amp-detail-introduction:before {
    content: "";
    position: absolute;
    top: 8px;
    width: calc(50% - 60px);
    border-top: 1px solid rgba(0,0,0,.2);
    opacity: .6
}

.amp-detail-body {
    position: relative;
    padding: 0 4px;
    color: rgba(0,0,0,.6);
    width: 752px;
    height: calc(100% - 200px);
    margin: 0 8px
}

.amp-detail-body>div.amp-detail-content {
    vertical-align: middle;
    display: table-cell
}

.amp-detail-body>div.amp-detail-content>.amp-detail-null-data {
    width: 140px;
    height: 180px;
    position: absolute;
    vertical-align: middle;
    top: 50%;
    left: 50%;
    margin-top: -90px;
    margin-left: -62px
}

.bh-switch,.bh-switch .bh-switch-label {
    vertical-align: top;
    display: inline-block
}

.amp-detail-enter {
    position: relative;
    width: 140px;
    height: 40px;
    margin: 0 auto 8px;
    background-color: #45534E;
    float: left;
    margin-left: calc(50% - 70px)
}

.amp-checkbox,.amp-detail-login {
    margin-left: calc(50% - -80px);
    position: absolute
}

.amp-detail-enter.amp-active {
    cursor: pointer;
    background-color: rgba(0,187,211,.8)
}

.amp-checkbox {
    width: 180px;
    top: 14px;
    color: #7b7b7b
}

.amp-detail-login {
    width: 140px;
    top: 10px
}

.amp-detail-login>.amp-detail-login-text {
    color: rgba(0,0,0,.7)
}

.amp-detail-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    z-index: 9999
}

.amp-detail-login-btn {
    color: #00BBD9;
    cursor: pointer
}

.amp-approval-comment-close {
    position: relative;
    width: 120px;
    height: 45px;
    margin: 0 auto;
    background-color: rgba(0,187,211,.6);
    color: #fff;
    text-align: center;
    cursor: pointer
}

.amp-approval-comment-detail {
    height: 545px!important
}

.amp-dialog-body>iframe {
    -webkit-filter: Chroma(Color=white);
    filter: Chroma(Color=white)
}

.update-instr {
    font-size: 12px;
    width: 70px;
    background-color: #FEC006;
    border-radius: 20px;
    padding: 1px 8px;
    margin-left: 12px;
    color: #fff
}

.amp-header-detail-category-v {
    text-align: center;
    text-align: left
}

.amp-header-detail-category-v>span {
    overflow: hidden;
    width: 608px;
    display: block;
    font-size: 12px
}

.amp-ehall-nav-item,.amp-header-search.amp-active>.amp-header-search-input>input {
    display: inline-block
}

.amp-checkbox-helper:before {
    background-color: #fff!important;
    border: 1px solid rgba(0,0,0,.19)
}

.amp-ehall-body {
    opacity: 1
}

.amp-ehall-body.amp-hide {
    opacity: 0
}

.amp-ehall {
    position: relative;
    width: 1048px;
    margin: 0 auto
}

.amp-ehall>section,.amp-ehall>section>div {
    min-height: 288px
}

.amp-ehall-header {
    text-align: center;
    min-height: 80px;
    color: #FFF;
    height: 94px;
    text-shadow: 0 2px 8px rgba(38,66,56,.2)
}

.amp-ehall-header>div>h3 {
    font-size: 32px;
    letter-spacing: 31px;
    margin-bottom: 16px
}

.amp-ehall-header>div>span {
    font-size: 14px;
    letter-spacing: 22px
}

.amp-ehall-nav {
    position: absolute;
    text-align: center;
    width: 1048px
}

.amp-ehall-nav.amp-ehall-nav-4>.amp-ehall-nav-item {
    width: 230px;
    margin-right: 32px
}

.amp-ehall-nav.amp-ehall-nav-5>.amp-ehall-nav-item {
    width: 190px;
    margin-right: 16px
}

.amp-role-nav-placeholder {
    position: relative;
    height: 72px;
    width: 100%
}

.amp-ehall-nav-item-en h3 {
    padding-top: 7px
}

.amp-ehall-nav-item {
    position: relative;
    cursor: pointer;
    width: 315px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    padding: 8px 0;
    margin-right: 38px
}

.amp-ehall-apps-line>.amp-app-card:last-child,.amp-ehall-nav-item:last-child {
    margin-right: 0!important
}

.amp-ehall-nav-item>h3 {
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    font-weight: 400
}

.amp-ehall-nav-item>div {
    margin-top: 4px;
    font-size: 12px;
    height: 12px;
    line-height: 12px
}

.amp-split {
    position: relative;
    height: 48px;
    line-height: 48px;
    color: #FFF;
    text-align: center
}

.amp-split:after,.amp-split:before {
    position: absolute;
    top: 24px;
    width: calc(50% - 48px);
    border-top: 1px solid rgba(162,169,167,.2)
}

.amp-split:before {
    left: 0
}

.amp-ehall-apps>.amp-ehall-apps-content>.amp-clearfix-child:nth-child(1) {
    text-align: center
}

.amp-ehall-apps>.amp-ehall-apps-content>.amp-clearfix-child:nth-child(1) .amp-ehapp-app-new-content {
    top: -11px!important;
    left: -16px!important
}

.amp-ehall-apps>.amp-ehall-apps-content>.amp-clearfix-child:nth-child(1) .amp-ehapp-app-hot-content {
    top: -12px!important;
    left: -15px!important
}

.amp-ehall-apps-line {
    font-size: 0;
    -webkit-text-size-adjust: none;
    padding: 0 4px
}

.feedback-my-a {
    color: #00BBD3!important
}

.feedback-submit {
    background-color: #00BBD3!important;
    width: 60px
}

.feedback-drag {
    margin-top: 8px
}

.feedback-drag:before {
    display: none!important
}

.feedback-modal {
    transform: scale(0);
    transform-origin: bottom left;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left
}

.feedback-modal.amp-active {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.amp-folder.amp-detail {
    width: 832px;
    left: calc(50% - 416px);
    background-color: rgba(0,0,0,.6);
    height: 400px!important;
    top: calc(50% - 200px)
}

.amp-folder .icon-chacha {
    color: #E4E8EC
}

.amp-folder .icon-chacha:hover {
    color: rgba(255,255,255,.4)
}

.amp-folder-header {
    text-align: center;
    padding: 16px 0;
    color: rgba(255,255,255,.6)
}

.amp-folder-header>h3 {
    font-size: 20px;
    height: 20px;
    color: #fff;
    line-height: 20px;
    margin-bottom: 8px;
    overflow: hidden;
    text-align: center;
    padding: 0 32px
}

.amp-folder-container {
    height: 100%
}

.amp-folder-app-list {
    position: relative;
    overflow: auto;
    width: 752px;
    height: calc(100% - 200px);
    margin: 0 8px
}

.amp-folder-footer {
    position: relative;
    padding: 35px 0
}

.amp-folder-favorite-btn {
    position: relative;
    width: 316px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    margin: 0 auto;
    background-color: #264238;
    color: #fff;
    font-size: 16px;
    text-align: center;
    opacity: .7;
    cursor: pointer
}

.amp-folder-favorite-btn>i {
    font-size: 18px;
    padding-right: 8px
}

.amp-folder-favorite-btn>.icon-aixin {
    color: #FD5757
}

.amp-folder-favorite-btn.amp-active {
    background-color: #00BBD9;
    color: #fff;
    cursor: pointer;
    opacity: 1
}

.amp-folder-favorite-btn.amp-active>.icon-aixin {
    color: #fff
}

.amp-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    z-index: 9999;
    color: #fff
}

.amp-header>.amp-header-logo {
    height: 32px;
    margin-left: 16px;
    margin-top: 6px
}

.amp-header-child {
    position: relative;
    float: left;
    height: 44px
}

.amp-header-search {
    position: absolute;
    width: 292px;
    height: 28px;
    left: calc(50% - 100px);
    margin-top: 8px;
    text-align: center
}

.amp-header-search>.amp-header-search-close {
    opacity: 0
}

.amp-header-search.amp-active>.amp-header-search-close {
    opacity: 1;
    cursor: pointer
}

.amp-header-search.amp-active>.amp-header-search-input>i {
    position: absolute;
    left: 0;
    top: 2px;
    padding-right: 16px
}

.amp-header-search.amp-active>.amp-header-search-input>div,.amp-header-search.amp-active>.amp-header-search-input>span {
    display: none
}

.amp-header-search-input {
    position: relative;
    float: left;
    height: 28px;
    line-height: 26px;
    width: 200px;
    border-radius: 100px;
    background-color: rgba(255,255,255,.2);
    margin-right: 4px;
    cursor: pointer
}

.amp-header-search-input>i {
    position: relative;
    font-size: 16px;
    padding: 0 8px 0 0;
    color: #FFF
}

.amp-header-search-input>input {
    display: none;
    width: 100%;
    height: 100%;
    padding: 0 16px 0 46px;
    background-color: transparent;
    color: #fff;
    border: none
}

.amp-header-search-input>input:focus {
    outline: 0
}

.amp-header-search-input>div {
    display: none;
    line-height: 16px;
    height: 16px;
    min-width: 26px;
    border-radius: 16px;
    background-color: #ee8980;
    text-align: center
}

.amp-header-search-input>div.amp-active {
    display: inline-block
}

.amp-header-search-close {
    position: relative;
    float: left;
    cursor: default;
    width: 88px;
    height: 28px;
    line-height: 26px
}

.amp-header-nav>i {
    display: block;
    cursor: pointer;
    width: 44px;
    height: 42px;
    float: left;
    text-align: center;
    padding: 11px 0 0;
    font-size: 25px;
    color: #FFF;
    opacity: .6;
    background-color: transparent!important
}

.amp-header-nav>.amp-active,.amp-header-nav>.icon-gongzuoquqiehuan:hover,.amp-header-nav>.icon-home1:hover,.amp-header-nav>.icon-pc1:hover {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.amp-header-tool {
    padding: 0 16px
}

.amp-header-tool .icon-xiaoxi {
    font-size: 24px;
    cursor: pointer
}

.amp-header-tool .icon-user1 {
    font-size: 20px;
    color: #FFF
}

.amp-header-no-login {
    padding: 12px 0;
    cursor: pointer
}

.amp-header-has-login {
    padding: 8px 0
}

.amp-header-has-login>img {
    cursor: pointer
}

.amp-header-has-login>span>i {
    font-size: 22px;
    margin-top: 2px;
    cursor: pointer
}

.amp-header-user-info {
    position: absolute;
    right: 20px;
    top: 50px;
    width: 200px;
    height: 185px;
    padding: 16px;
    border-radius: 4px;
    background-color: #fff;
    z-index: 9999;
    transform: scale(0);
    transform-origin: top right;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    box-shadow: 0 2px 8px rgba(38,66,56,.2)
}

.amp-header-user-info.amp-active {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(11);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.amp-header-user-info>section {
    margin-bottom: 16px
}

.amp-header-user-info>section>img {
    float: left;
    width: 48px;
    height: 48px;
    border-radius: 48px
}

.amp-header-user-info>section>div {
    float: left;
    padding: 6px 0 6px 8px
}

.amp-header-user-info>div {
    position: relative;
    width: 100%;
    height: 28px;
    line-height: 26px;
    border-radius: 28px;
    border: 1px solid #A2A9A7;
    text-align: center;
    margin-top: 4px;
    cursor: pointer
}

.amp-header-user-info>div:hover {
    box-shadow: 0 1px 4px #A2A9A7
}

.amp-header-user-info>div.amp-bg-color-danger-lv1 {
    border-color: #E6564A
}

.amp-header-user-info>div.amp-bg-color-danger-lv1:hover {
    box-shadow: 0 1px 4px #E6564A
}

.amp-header-expand,.amp-header-help-info,.amp-header-user-skin,.amp-internation-ue-box {
    box-shadow: 0 2px 8px rgba(38,66,56,.2)
}

.amp-header-user-info-name {
    position: relative;
    font-size: 14px;
    width: 110px
}

.amp-header-user-info-appswitch {
    border: 0 solid #A2A9A7!important
}

.amp-header-user-info-appswitch i {
    top: 0
}

.amp-header-user-info-appswitch i:before {
    border: 1px solid #45534E
}

.amp-header-expand,.amp-header-user-skin,.amp-services-searchHistory,.amp-tooltip {
    position: absolute;
    border-radius: 4px
}

.amp-tooltip {
    display: none;
    z-index: 999999;
    background-color: rgba(0,0,0,.8);
    padding: 2px 8px;
    color: #fff
}

.amp-header-user-skin {
    right: 20px;
    top: 50px;
    width: 340px;
    height: 268px;
    padding: 16px;
    background-color: #fff;
    z-index: 9999;
    transform: scale(0);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0)
}

.amp-header-user-skin.amp-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1)
}

.amp-header-user-skin>.skin-head {
    height: 20px;
    display: block
}

.amp-header-user-skin>.skin-head>.icon-chacha {
    cursor: pointer
}

.amp-tool-username-lh {
    line-height: 20px
}

.amp-header-expand {
    font-size: 9pt;
    min-height: 50px;
    width: 180px;
    z-index: 9999;
    background-color: #FFF;
    left: 93px;
    overflow: auto;
    color: rgba(0,0,0,.6);
    transform: scale(0);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0)
}

.amp-header-expand.amp-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1)
}

.amp-header-expand>div.content {
    width: 100%;
    height: 100%;
    margin: 16px 0 8px;
    font-size: 14px
}

.amp-header-expand>div.content>ul {
    height: 100%
}

.amp-header-expand>div.content>ul>li {
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    margin-bottom: 8px;
    padding-left: 8px
}

.amp-header-expand>div.content>ul>li:hover {
    background-color: rgba(0,187,211,.3)
}

.amp-services-searchHistory {
    font-size: 9pt;
    display: block;
    width: 300px;
    margin-top: 42px;
    z-index: 9999;
    background-color: #fff;
    left: 325px;
    padding: 16px
}

.amp-services-searchHistory>.title {
    display: block;
    color: #999
}

.amp-services-searchHistory>.content>span {
    color: #666;
    height: 16px;
    border-radius: 12px;
    cursor: pointer;
    padding: 0 8px;
    display: inline-block
}

.amp-services-searchHistory>.content>span:hover {
    background-color: rgba(0,187,211,.5)
}

.skin-content>.ampSkinCheckFlag:hover>.skin-item-check {
    display: block;
    cursor: pointer
}

.skin-content>.ampSkinCheckFlag>.amp-skin-use {
    display: none
}

.skin-content>.ampSkinUseFlag>.amp-skin-use {
    display: block
}

.skin-content>.ampSkinUseFlag>.skin-item-check {
    display: none;
    cursor: pointer
}

.skin-content>.amp-skin-item {
    width: 100px;
    height: 74px;
    margin-right: 4px;
    margin-bottom: 4px;
    float: left;
    position: relative
}

.skin-content>.amp-skin-item:nth-child(3n) {
    margin-right: 0
}

.skin-content>.amp-skin-item>img {
    cursor: pointer
}

.skin-content>.amp-skin-item>.skin-item-name {
    width: 100%;
    height: 16px;
    background-color: #009587;
    color: #fff;
    font-size: 12px;
    text-align: center
}

.skin-content>.amp-skin-item>.skin-item-footer {
    width: 100%;
    height: 2px
}

.skin-content>.amp-skin-item>.skin-item-footer>span {
    width: 25px;
    height: 100%;
    float: left
}

.skin-content>.amp-skin-item>.skin-item-footer>span:nth-child(1) {
    background-color: #00bbd3
}

.skin-content>.amp-skin-item>.skin-item-footer>span:nth-child(2) {
    background-color: #8ac249
}

.skin-content>.amp-skin-item>.skin-item-footer>span:nth-child(3) {
    background-color: #fc0
}

.skin-content>.amp-skin-item>.skin-item-footer>span:nth-child(4) {
    background-color: #e6564a
}

.skin-content>.amp-skin-item .skin-item-check {
    display: none;
    position: absolute;
    width: 100px;
    height: 72px;
    top: 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 72px
}

.amp-extend>.amp-extend-list,.amp-extend>.amp-extend-more {
    height: 36px;
    line-height: 36px;
    text-align: center;
    float: left;
    cursor: pointer
}

.skin-content>.amp-skin-item>.amp-skin-use {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #FFF
}

.amp-header-help-info {
    width: 180px;
    background-color: #FFF;
    z-index: 9999;
    position: absolute;
    padding: 8px 0;
    transform: scale(0);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0)
}

.amp-header-help-info.amp-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1)
}

.amp-header-help-info>span {
    margin: 8px;
    color: rgba(0,0,0,.6);
    display: block;
    font-size: 12px
}

.amp-header-help-info>ul {
    width: 100%
}

.amp-header-help-info>ul>li {
    padding: 4px 16px;
    cursor: pointer
}

.amp-header-help-info>ul>li:hover {
    background-color: rgba(0,187,211,.3)
}

.amp-opcity-top {
    opacity: 1!important
}

.amp-desktop-content>.nicescroll-rails,.amp-opcity-bottom {
    opacity: 0!important
}

.amp-extend {
    width: calc(50% - 368px);
    height: 36px;
    position: absolute;
    margin-left: 260px;
    bottom: 0;
    padding-left: 8px
}

.amp-extend>.amp-extend-list {
    min-width: 64px;
    max-width: 100px;
    padding: 0 8px;
    background-color: rgba(255,255,255,.15);
    font-size: 14px;
    overflow: hidden;
    margin-right: 2px
}

.amp-extend>.amp-extend-list:hover {
    background-color: rgba(0,187,217,.15)
}

.amp-extend>.amp-extend-more {
    width: 20px;
    padding: 0 4px;
    background-color: rgba(255,255,255,.15)
}

.amp-extend>.amp-extend-more:hover {
    background-color: rgba(0,187,217,.15)
}

.amp-slow-animate {
    -webkit-transition: all .5s;
    -webkit-transition: .5s;
    transition: .5s
}[amp-skin=teal]>.skin-item-check {
     background-color: #009587
 }[amp-skin=indigo]>.skin-item-check {
      background-color: #3F51B5
  }[amp-skin=magenta]>.skin-item-check {
       background-color: #7A1EA1
   }[amp-skin=millennium]>.skin-item-check {
        background-color: #3A7E59
    }[amp-skin=golden]>.skin-item-check {
         background-color: #BB8235
     }[amp-skin=cherry]>.skin-item-check {
          background-color: #D22E2E
      }

.amp-internation-tool {
    width: 20px;
    height: 20px;
    float: left;
    padding: 6px 0;
    cursor: pointer;
    position: absolute;
    margin-left: -32px
}

.amp-internation-ue-box {
    width: 160px;
    position: absolute;
    right: 20px;
    top: 50px;
    border-radius: 4px;
    background-color: #fff;
    z-index: 9999;
    padding: 4px 0;
    transform: scale(0);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0)
}

.amp-internation-ue-box.amp-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1)
}

.amp-internation-ue-box>ul {
    width: 100%
}

.amp-internation-ue-box>ul>li {
    list-style-type: none;
    width: 100%;
    height: 32px;
    padding: 0 16px;
    line-height: 32px;
    font-size: 14px;
    cursor: pointer
}

.fontsize12,body {
    font-size: 12px
}

.amp-internation-ue-box>ul>li:hover {
    background-color: rgba(0,187,211,.3)
}

.bh-switch {
    position: relative;
    margin: 8px 0 0;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bh-switch .bh-switch-label {
    margin: 0 6px 0 0;
    -webkit-transition: color .56s cubic-bezier(.4,0,.2,1);
    transition: color .56s cubic-bezier(.4,0,.2,1);
    font-weight: 400;
    padding: 4px 0
}

.bh-switch>.bh-switch-text {
    padding: 4px
}

.bh-switch input {
    position: absolute;
    z-index: 2;
    width: 48px;
    margin: 0;
    height: 100%;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0
}

.bh-switch input:checked+.bh-switch-helper {
    background: #60BE29
}

.bh-switch input:checked+.bh-switch-helper:before {
    left: 26px
}

.bh-switch .bh-switch-helper {
    background-color: #F0F1F9;
    display: inline-block;
    position: relative;
    width: 48px;
    height: 24px;
    border-radius: 24px;
    -webkit-transition: background .28s cubic-bezier(.4,0,.2,1);
    transition: background .28s cubic-bezier(.4,0,.2,1);
    vertical-align: middle;
    cursor: pointer;
    overflow: hidden
}

.bh-switch .bh-switch-helper:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    border-radius: 100%;
    webkit-transition: left .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);
    -webkit-transition: left .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);
    transition: left .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1)
}

.amp-loading,body {
    background-color: rgba(0,0,0,.3)
}

.bh-switch>label {
    float: left
}

.bh-switch:hover .bh-switch-helper:before {
    box-shadow: 0 8px 14px rgba(0,0,0,.25)
}

.iframeBlock {
    position: relative;
    display: block;
    z-index: 10;
    overflow: hidden
}

body {
    font-family: "Microsoft YaHei",Arial-normal,"open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #264238
}

.amp-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.amp-loading.amp-loading-in {
    position: absolute
}

.amp-loading-breath {
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px
}

.amp-loading-breath>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #00BBD3;
    opacity: .6;
    -webkit-animation: amp-animate-loading-breath 2s infinite ease-in-out;
    animation: amp-animate-loading-breath 2s infinite ease-in-out
}

.amp-loading-breath>div:last-child {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes amp-animate-loading-breath {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes amp-animate-loading-breath {
    0%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.amp-loading-reverse {
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    background-color: #00BBD3;
    -webkit-animation: amp-animate-loading-reverse 1.2s infinite ease-in-out;
    animation: amp-animate-loading-reverse 1.2s infinite ease-in-out
}

@-webkit-keyframes amp-animate-loading-reverse {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@keyframes amp-animate-loading-reverse {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.amp-login {
    position: relative;
    width: 1040px;
    margin: 0 auto
}

.amp-login-content>.amp-has-nologin-btn {
    position: relative;
    cursor: pointer;
    width: 240px;
    height: 48px;
    line-height: 38px;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-left: -120px
}

.amp-login-content>.amp-has-nologin-btn>span {
    font-size: 22px;
    letter-spacing: 11px;
    line-height: 45px;
    margin-left: 8px
}

.amp-login-content>.amp-has-login-btn {
    text-align: center;
    color: #fff;
    font-size: 14px;
    width: 700px;
    margin: 0 auto;
    position: relative
}

.amp-login-content>.amp-has-login-btn:after,.amp-login-content>.amp-has-login-btn:before {
    content: '';
    position: absolute;
    top: 11px;
    background: rgba(255,255,255,.6);
    width: 40%;
    height: 1px
}

.amp-login-content>.amp-has-login-btn:before {
    left: 0
}

.amp-login-content>.amp-has-login-btn:after {
    left: 60%
}

.amp-login-bottom-desc {
    width: 400px;
    height: 60px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    font-size: 14px
}

.amp-login-bottom-desc>.amp-login-text {
    color: #FFF
}

.amp-login-bottom-desc>.amp-login-icon-gunlun {
    display: block;
    width: 100%;
    text-align: -webkit-center
}

.amp-login-bottom-desc>.amp-login-icon-gunlun>i {
    font-weight: 900;
    font-size: 38px;
    color: #fff
}

.amp-login-bottom-desc>span.icon-span-first {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-animation: myfirst 1s linear 0s infinite alternate;
    animation: myfirst 1s linear 0s infinite alternate
}

.amp-login-bottom-desc>span.icon-span-arrow {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    position: relative;
    top: -11px;
    -webkit-animation: myfirst 2s linear 0s infinite alternate;
    animation: myfirst 2s linear 0s infinite alternate
}

@-webkit-keyframes myfirst {
    0% {
        color: rgba(255,255,255,.1);
        top: -11px
    }

    100%,25% {
        color: rgba(255,255,255,.3);
        top: -11px
    }

    50% {
        color: rgba(255,255,255,.7);
        top: -11px
    }

    75% {
        color: #fff;
        top: -11px
    }
}

@keyframes myfirst {
    0% {
        color: rgba(255,255,255,.1);
        top: -11px
    }

    100%,25% {
        color: rgba(255,255,255,.3);
        top: -11px
    }

    50% {
        color: rgba(255,255,255,.7);
        top: -11px
    }

    75% {
        color: #fff;
        top: -11px
    }
}

.amp-ehall-login-prompt-acticle {
    position: relative
}

.amp-ehall-login-prompt {
    position: absolute;
    color: #fff;
    width: 200px;
    right: 0
}

.amp-ehall-login-prompt>span {
    display: -webkit-box;
    width: 100%;
    text-align: -webkit-center
}

.amp-login-bottom-desc>span.icon {
    cursor: pointer
}

.amp-login-header {
    margin-bottom: 60px
}

.anim_fade_out_image {
    position: absolute;
    -webkit-transition: opacity 3s ease-in-out;
    transition: opacity 3s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0)
}

.amp-login-img {
    width: 100%;
    height: 100%
}

.amp-ehall-login-header {
    position: absolute;
    text-align: center;
    color: #FFF;
    width: 1040px;
    text-shadow: 0 2px 8px rgba(38,66,56,.2)
}

.amp-ehall-login-header>h3 {
    font-size: 32px;
    letter-spacing: 31px;
    margin-bottom: 16px
}

.amp-ehall-login-header>span {
    font-size: 14px;
    letter-spacing: 22px
}

.amp-message-header {
    position: relative;
    height: 40px;
    color: #00BBD3;
    padding: 16px
}

.amp-message-header>span {
    cursor: pointer
}

.amp-personal-message {
    position: relative;
    height: calc(100% - 44px)
}

.amp-message-item {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(162,169,167,.2);
    background-color: transparent;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-top: 8px
}

.amp-message-item:hover {
    background-color: rgba(0,187,211,.3)
}

.amp-message-item[amp-cut-type=cut]>.amp-arrow {
    display: block
}

.amp-message-item>.icon-chacha {
    position: absolute;
    right: 16px;
    color: #A2A9A7;
    cursor: pointer;
    font-size: 14px;
    top: 3px
}

.amp-message-item>.icon-chacha:hover {
    color: #00BBD3
}

.amp-message-item>.amp-arrow {
    position: absolute;
    right: 16px;
    bottom: 10px;
    display: none
}

.amp-message-item.amp-show-full>.amp-arrow:before {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 8px
}

.amp-message-item.amp-show-full>.amp-message-description>.amp-message-small {
    display: none
}

.amp-message-item.amp-show-full>.amp-message-description>.amp-message-full {
    display: block;
    margin-right: 25px
}

.amp-message-title {
    font-size: 14px;
    color: #FFF;
    font-weight: 400;
    margin-right: 36px;
    margin-left: 32px
}

.amp-message-category,.amp-message-description {
    color: rgba(255,255,255,.6);
    margin-left: 32px
}

.amp-message-description {
    position: relative;
    overflow: hidden
}

.amp-message-icon,.amp-page-bg-img,.amp-red-corner {
    position: absolute
}

.amp-message-full {
    display: none
}

.amp-message-small {
    margin-right: 16px
}

.amp-red-corner {
    width: 0;
    height: 0;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    border-width: 6px;
    border-style: solid;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 12px;
    border-color: #E6564A transparent transparent #E6564A
}

.amp-arrow:before,.bind-result-img.success:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.amp-page-bg-img {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.amp-login-img {
    background: url(images/bg/login_bg.jpg) no-repeat;
    background-size: auto auto;
    position: fixed
}

.amp-page-img {
    background: url(images/bg/bg.jpg) no-repeat;
    background-size: auto auto;
    position: fixed
}

.amp-page-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: center;
    height: 32px;
    width: 100%
}

.amp-page-bg-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    z-index: 1
}

.amp-message-num {
    position: absolute;
    top: 4px;
    left: 26px;
    padding: 0 8px;
    line-height: 14px;
    height: 16px;
    border-radius: 16px;
    background-color: #E6564A;
    text-align: center
}

.amp-aside-apps>h5 {
    font-size: 12px;
    height: 20px;
    line-height: 20px
}

.amp-favorite-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    z-index: 9999
}

.amp-favorite-wrap>.amp-favorite-detail {
    position: fixed;
    width: 436px;
    height: 300px;
    left: calc(50% - 218px);
    padding: 0 16px;
    background-color: #fff;
    z-index: 9999;
    display: table-cell;
    vertical-align: middle;
    top: calc(50% - 150px)
}

.amp-favorite-wrap>.amp-favorite-detail>i {
    position: absolute;
    cursor: pointer;
    top: 12px;
    right: 12px;
    font-size: 20px;
    color: rgba(0,0,0,.4);
    z-index: 1
}

.amp-favorite-wrap>.amp-favorite-detail>i:hover {
    color: rgba(0,0,0,.3)
}

.amp-favorite-wrap>.amp-favorite-detail>.amp-favorite-detail-container {
    position: relative;
    width: 100%;
    height: 100%
}

.amp-favorite-wrap>.amp-favorite-detail>.amp-favorite-detail-container>.amp-favorite-detail-header {
    position: relative;
    height: 40px;
    margin-top: 16px;
    text-align: center
}

.amp-favorite-wrap>.amp-favorite-detail>.amp-favorite-detail-container>.amp-favorite-detail-header>.amp-favorite-detail-title>h3 {
    font-size: 20px;
    line-height: 20px
}

.amp-favorite-wrap>.amp-favorite-detail>.amp-favorite-detail-container>.amp-favorite-detail-header>.amp-favorite-detail-title>div {
    color: #7b7b7b;
    font-size: 14px;
    line-height: 18px;
    margin-top: 4px
}

.amp-favorite-detail-body {
    position: relative;
    color: rgba(0,0,0,.6);
    width: 364px;
    height: 140px;
    margin: 0 8px
}

.amp-favorite-detail-btn {
    position: relative;
    width: 140px;
    height: 40px;
    margin: 0 auto 8px;
    background-color: #00BBD3;
    float: left;
    margin-left: calc(50% - 70px);
    text-align: center;
    color: #fff;
    border-radius: 50px;
    font-size: 16px;
    line-height: 40px;
    cursor: pointer
}

.amp-favorite-detail-folder-item {
    width: 120px;
    height: 32px;
    border: 1px solid #ddd;
    text-align: center;
    float: left;
    position: relative;
    cursor: pointer
}

.amp-favorite-detail-folder-item:nth-child(3n+0) {
    margin-right: 0!important
}

.amp-favorite-detail-folder-item.amp-active {
    border: 2px solid #00BBD3
}

.amp-favorite-detail-folder-item.amp-active>.triangle-bottomright {
    display: block
}

.amp-favorite-detail-folder-item.amp-active>.amp-favorite-detail-folder-create {
    display: none
}

.amp-favorite-detail-folder-item.amp-active>.amp-favorite-detail-input-container {
    display: block
}

.amp-favorite-detail-folder-item>span {
    height: 100%;
    line-height: 32px
}

.amp-favorite-detail-folder-item>.triangle-bottomright {
    width: 0;
    height: 0;
    border-bottom: 16px solid #00BBD3;
    border-left: 16px solid transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    display: none
}

.amp-favorite-detail-folder-item>.triangle-bottomright>i {
    position: absolute;
    right: -1px;
    color: #fff;
    bottom: -19px;
    font-size: 12px
}

.amp-favorite-detail-folder-item>.amp-favorite-detail-folder-create {
    height: 32px;
    line-height: 32px
}

.amp-favorite-detail-input-container {
    position: relative
}

.amp-favorite-detail-input-container>.amp-favorite-detail-input {
    height: 28px;
    line-height: 28px;
    width: 116px;
    padding: 0 12px;
    font-size: 12px;
    color: rgba(0,0,0,.6);
    outline: 0
}

.amp-favorite-detail-input-container>.amp-favorite-detail-input-count {
    position: absolute;
    right: 4px;
    top: 6px;
    font-size: 12px;
    color: rgba(0,0,0,.6)
}

#ampFavoriteDetailFolderInput::-webkit-input-placeholder {
    color: rgba(0,0,0,.6)
}

#ampFavoriteDetailFolderInput::-moz-placeholder {
    color: rgba(0,0,0,.6)
}

#ampFavoriteDetailFolderInput:-ms-placeholder {
    color: rgba(0,0,0,.6)
}

.appTitleColor {
    color: #2F3557;
    font-weight: 700;
    font-size: 14px
}

.amp-progressbar {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 44px;
    left: 0;
    overflow: hidden;
    z-index: 9999!important;
    background-color: #fff
}

.amp-progressbar>.amp-amp-progressba-box {
    position: absolute;
    width: 588px;
    height: 510px;
    background-color: #A2A9A7;
    left: 50%;
    margin-left: -299px;
    top: 32px
}

.amp-progressbar-content,.amp-prompt {
    background-color: #fff;
    text-align: center
}

.amp-progressbar-content {
    width: 360px;
    height: 120px;
    border-radius: 12px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.amp-progressbar-content>img {
    width: 340px;
    height: 100px;
    padding: 8px 8px 32px
}

.amp-progressbar-content>span {
    font-size: 16px;
    bottom: 24px;
    position: relative;
    z-index: 1
}

.amp-prompt {
    position: fixed;
    top: -38px;
    z-index: 9999;
    opacity: 0;
    padding: 8px 16px;
    min-width: 300px;
    height: 38px;
    border-top: 4px solid
}

.amp-prompt.amp-success {
    border-color: #00BBD9
}

.amp-prompt.amp-success>.amp-prompt-state-icon {
    color: #00BBD9
}

.amp-prompt.amp-danger {
    border-color: #E6564A
}

.amp-prompt.amp-danger>.amp-prompt-state-icon {
    color: #E6564A
}

.amp-prompt.amp-warning {
    border-color: #FC0
}

.amp-prompt.amp-warning>.amp-prompt-state-icon {
    color: #FC0
}

.amp-prompt-close {
    position: relative;
    cursor: pointer;
    float: right;
    margin-left: 8px
}

.amp-service {
    position: absolute;
    width: 100%;
    height: calc(100% - 44px);
    margin-top: 44px;
    padding-top: 20px;
    background-color: rgba(0,0,0,.5);
    color: #fff
}

.amp-service>aside {
    float: left;
    width: 316px;
    padding: 0 16px
}

.amp-service>article {
    position: relative;
    overflow-y: auto;
    margin-left: 316px;
    width: calc(100% - 316px);
    height: calc(100% - 16px)
}

.amp-service-nav-label {
    display: inline-block;
    position: relative;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    background-color: rgba(255,255,255,.1);
    margin-right: 2px;
    padding: 0 28px 0 8px
}

.amp-service-nav-label:before {
    position: absolute;
    top: 12px;
    right: 8px;
    width: 12px;
    height: 8px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #fff
}

.amp-search-no-data {
    text-align: center
}

.amp-search-no-data>img {
    width: 160px;
    height: 160px;
    margin: 120px 0 16px
}

.xingxing-gray {
    color: #45534E;
    opacity: .7
}

#ampPageHeaderSearchInput::-webkit-input-placeholder {
    color: rgba(255,255,255,.4)
}

#ampPageHeaderSearchInput::-moz-placeholder {
    color: rgba(255,255,255,.4)
}

#ampPageHeaderSearchInput:-ms-placeholder {
    color: rgba(255,255,255,.4)
}

.amp-service-search-input-nologin {
    width: 243px!important
}

.amp-service-search-input-nologin>.amp-service-history-box {
    display: none
}

.amp-service-search-input-nologin>input {
    padding: 0 0 0 12px
}

.amp-service-search-input {
    position: relative;
    float: left;
    height: 28px;
    line-height: 26px;
    width: 320px;
    border-radius: 100px;
    background-color: rgba(255,255,255,.2);
    margin-right: 4px;
    color: rgba(255,255,255,.6);
    font-size: 12px
}

.amp-service-search-input>.amp-service-history-box {
    height: 28px;
    cursor: pointer;
    color: #fff
}

.amp-service-search-input>.amp-service-history-box>.icon-down1 {
    font-size: 11px;
    margin-top: 1px
}

.amp-service-search-input>.amp-service-history-box>.amp-service-split {
    width: 1px;
    height: 18px;
    display: block;
    background: rgba(255,255,255,.3);
    margin: 6px 5px
}

.amp-service-search-input>input {
    height: 100%;
    background-color: transparent;
    color: #fff;
    border: none;
    outline: 0;
    font-size: 12px;
    width: 135px
}

.amp-service-search-input>.amp-service-sousuo {
    width: 48px;
    height: 100%;
    display: block;
    float: left;
    background-color: #00BBD3;
    border-radius: 0 100px 100px 0;
    color: #fff;
    position: absolute;
    right: 0;
    cursor: pointer
}

.amp-searchName-box,.amp-service-history-dialog {
    z-index: 9999999;
    top: 38px;
    border-radius: 4px;
    position: absolute
}

.amp-hover-underline:hover,.amp-service-search-color {
    color: #00BBD3
}

li.amp-service-searchName-item {
    overflow: hidden
}

.amp-searchName-box {
    width: 210px;
    background: #fff;
    left: 378px;
    max-height: 200px;
    overflow: auto
}

.amp-searchName-box>ul {
    padding: 4px 0
}

.amp-searchName-box>ul>li {
    padding: 3px 0 4px 8px;
    height: 24px;
    line-height: 18px;
    cursor: pointer
}

.amp-searchName-box>ul>li:hover {
    background-color: rgba(0,187,211,.1)
}

.amp-searchName-box>ul>li>img {
    margin: 0 4px
}

#ampServiceLabelNav div.amp-label-line ul {
    width: 90%
}

.amp-service-history-dialog {
    width: 270px;
    background: #fff;
    left: 318px
}

.amp-service-history-dialog>ul {
    padding: 4px 0
}

.amp-service-history-dialog>ul>li {
    padding: 3px 0 4px 8px;
    height: 24px;
    line-height: 18px;
    cursor: pointer
}

.amp-service-history-dialog>ul>li:hover {
    background-color: rgba(0,187,211,.1)
}

.amp-service-history-dialog>ul>li>img {
    margin: 0 4px
}

.amp-shell-header {
    box-shadow: 0 2px 8px rgba(0,0,0,.28)
}

.amp-shell-bg {
    background: #FFF
}

.bh-slide {
    position: absolute
}

.bh-slide-animate-v {
    -webkit-transition-property: top,opacity;
    transition-property: top,opacity;
    -webkit-transition-duration: .45s;
    transition-duration: .45s
}

.bh-slide-animate-h {
    -webkit-transition: left .45s;
    transition: left .45s
}

.bh-slide-page {
    position: absolute;
    right: 8px;
    width: 16px
}

.bh-slide-page>div {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    margin-bottom: 8px;
    cursor: pointer
}

.bh-slide-page>div.amp-active {
    cursor: default
}

.amp-m-4 {
    margin: 4px
}

.amp-mb-2 {
    margin-bottom: 2px!important
}

.amp-mb-4 {
    margin-bottom: 4px!important
}

.amp-mb-8 {
    margin-bottom: 8px!important
}

.amp-mb-16 {
    margin-bottom: 16px!important
}

.amp-mt-2 {
    margin-top: 2px!important
}

.amp-mt-4 {
    margin-top: 4px!important
}

.amp-mt-8 {
    margin-top: 8px!important
}

.amp-mt-16 {
    margin-top: 16px!important
}

.amp-mr-4 {
    margin-right: 4px!important
}

.amp-mr-2 {
    margin-right: 2px!important
}

.amp-mr-16 {
    margin-right: 16px!important
}

.amp-ml-8 {
    margin-left: 8px!important
}

.amp-ml-12 {
    margin-left: 12px!important
}

.amp-ml-16 {
    margin-left: 16px!important
}

.amp-ml-24 {
    margin-left: 24px!important
}

.amp-mr-8 {
    margin-right: 8px!important
}

.amp-pt-header {
    padding-top: 44px
}

.amp-pt-4 {
    padding-top: 4px!important
}

.amp-pt-8 {
    padding-top: 8px
}

.amp-pt-8:hover {
    text-decoration: underline
}

.amp-desktop-admin,.no-underline:hover {
    text-decoration: none
}

.amp-pt-16 {
    padding-top: 16px
}

.amp-pt-24 {
    padding-top: 24px
}

.amp-pb-16 {
    padding-bottom: 16px
}

.amp-pull-left {
    float: left!important
}

.amp-pull-right {
    float: right!important
}

.amp-str-cut {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.amp-clearfix {
    clear: both
}

.amp-clearfix-child:after,.amp-clearfix:after {
    display: table;
    clear: both
}

.amp-hide {
    display: none
}

.amp-zIndex-lv1 {
    z-index: 1000!important
}

.amp-zIndex-lv2 {
    z-index: 2000!important
}

.amp-zIndex-lv10 {
    z-index: 9999!important
}

.amp-l-position {
    position: absolute;
    width: 100%;
    height: 100%
}

.amp-hover-underline {
    position: relative;
    cursor: pointer
}

.amp-hover-underline:hover:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #00BBD3
}

.amp-arrow,.amp-label-line,.amp-label-line-item,.amp-relative {
    position: relative
}

.amp-inline-block {
    display: inline-block
}

.amp-label-line {
    margin-bottom: 8px
}

.amp-label-line>label {
    margin-right: 12px;
    padding: 3px 0
}

.amp-label-line-item {
    height: 20px;
    line-height: 18px;
    padding: 0 8px;
    text-align: center;
    margin-right: 4px;
    cursor: pointer
}

.amp-relative-height-inherit {
    position: relative;
    height: inherit
}

.amp-border-radios-12 {
    border-radius: 12px
}

.amp-cycle {
    border-radius: 50%
}

.amp-cursor-point {
    cursor: pointer
}

.amp-height-no-header {
    height: calc(100% - 44px)!important
}

.amp-i-hide {
    visibility: hidden
}

input[type=text]::-ms-clear {
    display: none
}

input[type=text]::-ms-reveal {
    display: none
}

.amp-hover-slow-motion:hover {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.text-center {
    text-align: center!important
}

.amp-arrow {
    cursor: pointer;
    width: 14px;
    height: 14px
}

.amp-arrow:before {
    position: absolute;
    top: 2px;
    left: 3px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #FFF;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform,-webkit-transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.amp-checkbox-helper:after,.amp-checkbox-helper:before,.amp-tab-item:after {
    -webkit-backface-visibility: hidden;
    content: ""
}

.amp-aside-box {
    position: absolute;
    top: 0;
    height: calc(100% - 44px);
    width: 312px
}

.amp-aside-box[amp-position=left] {
    left: 0
}

.amp-aside-box[amp-position=right] {
    right: 0
}

.amp-aside-box.amp-mini {
    width: 60px
}

.amp-aside-box.amp-mini>.amp-aside-box-mini {
    display: table
}

.amp-aside-box.amp-mini>.amp-aside-box-close,.amp-aside-box.amp-mini>.amp-aside-box-normal {
    display: none
}

.amp-aside-box-mini {
    position: absolute;
    width: 60px;
    height: 100%;
    display: none
}

.amp-aside-box-mini-cont {
    position: relative;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff
}

.amp-aside-box-mini-item {
    position: relative;
    width: 100%;
    height: 60px;
    background-color: rgba(0,0,0,.3);
    padding: 10px 0 4px;
    box-shadow: 0 2px 8px rgba(38,66,56,.2);
    cursor: pointer;
    border-bottom: 1px solid rgba(162,169,167,.2)
}

.amp-aside-box-mini-item:last-child {
    border-bottom: 0 solid rgba(162,169,167,.2)
}

.amp-aside-box-mini-item>i,.amp-aside-box-mini-item>img {
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: #FFF
}

.amp-aside-box-mini-item>div {
    margin-top: 8px;
    color: #FFF
}

.amp-aside-box-mini-item.amp-active,.amp-aside-box-mini-item:hover {
    background-color: rgba(0,187,211,.15)
}

.amp-aside-box-normal {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}[amp-position=left]>.amp-aside-box-close {
     right: -20px;
     border-radius: 0 12px 12px 0
 }[amp-position=left]>.amp-aside-box-close:before {
      left: 8px;
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg)
  }[amp-position=right]>.amp-aside-box-close {
       left: -20px;
       border-radius: 12px 0 0 12px
   }

.amp-checkbox-helper,.amp-checkbox-helper:before {
    border-radius: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    position: absolute
}[amp-position=right]>.amp-aside-box-close:before {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg)
 }

#ampPersonalAsideLeftClose {
    box-shadow: 2px 2px 5px rgba(38,66,56,.2)
}

#ampPersonalAsideRightClose {
    box-shadow: -2px 0 5px rgba(38,66,56,.2)
}

.amp-aside-box-close {
    position: absolute;
    width: 20px;
    height: 100px;
    top: calc(50% - 50px);
    cursor: pointer;
    background-color: rgba(0,0,0,.3)
}

.amp-aside-box-close:hover {
    background-color: #00bbd3!important
}

.amp-checkbox.amp-active,.amp-checkbox>label>input:checked+.amp-checkbox-helper {
    background-color: #00BBD9
}

.amp-aside-box-close:before {
    content: "";
    position: absolute;
    left: 5px;
    top: calc(50% - 4px);
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #A2A9A7;
    width: 8px;
    height: 8px
}

.amp-checkbox>label {
    position: relative;
    cursor: pointer
}

.amp-checkbox>label>input {
    position: relative;
    width: 16px;
    height: 16px;
    opacity: 0;
    margin-right: 2px
}

.amp-checkbox>label>input:checked+.amp-checkbox-helper:after {
    -webkit-transform: scale(1) rotate(-50deg);
    -ms-transform: scale(1) rotate(-50deg);
    transform: scale(1) rotate(-50deg);
    opacity: 1
}

.amp-checkbox>label>input:checked+.amp-checkbox-helper:before {
    opacity: 0
}

.amp-checkbox>label>div {
    display: inline-block
}

.amp-checkbox.amp-active:after {
    -webkit-transform: scale(1) rotate(-50deg);
    -ms-transform: scale(1) rotate(-50deg);
    transform: scale(1) rotate(-50deg);
    opacity: 1
}

.amp-checkbox.amp-active:before {
    opacity: 0
}

.amp-checkbox-helper {
    top: -2px
}

.amp-checkbox-helper:after,.amp-checkbox-helper:before {
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    backface-visibility: hidden
}

.amp-checkbox-helper:before {
    top: 0
}

.amp-checkbox-helper:after {
    position: absolute;
    opacity: 0;
    -webkit-transform: scale(0) rotate(80deg);
    -ms-transform: scale(0) rotate(80deg);
    transform: scale(0) rotate(80deg);
    width: 13px;
    height: 7px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-bottom-left-radius: 2px;
    left: 2px;
    top: 4px
}

.amp-tab-item {
    position: relative;
    float: left;
    height: 32px;
    padding: 6px 12px;
    margin-right: 1px;
    color: #FFF;
    background-color: rgba(0,0,0,.3);
    text-align: center;
    cursor: pointer
}

.amp-tab-item>i {
    color: #FFF
}

.amp-tab-item:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform,-webkit-transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    backface-visibility: hidden;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0)
}

.amp-tab-item.amp-active:after,.amp-tab-item:hover:after {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1)
}

.amp-tab-content-item {
    display: none
}

.amp-tab-content-item.amp-active {
    display: block;
    position: relative
}

.amp-category-tab .amp-app-count {
    position: absolute;
    right: 10px
}

.amp-category-tab {
    position: relative;
    height: calc(100% - 38px);
    color: #FFF;
    overflow: hidden
}

.amp-category-tab>ul {
    position: absolute;
    top: 16px;
    left: 0;
    height: calc(100% - 16px);
    width: 120px;
    background-color: rgba(0,0,0,.3)
}

.amp-category-tab>ul>li {
    position: relative;
    width: 100%;
    height: 32px;
    padding: 7px 8px;
    border-bottom: 1px solid rgba(162,169,167,.2);
    cursor: pointer
}

.amp-category-tab>ul>li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.amp-category-tab>div {
    position: absolute;
    top: 16px;
    left: 120px;
    height: calc(100% - 16px);
    width: calc(100% - 120px)
}

.amp-category-tabcontent {
    height: 100%;
    overflow-y: auto
}

.amp-category-tabcontent .amp-personal-empty-page {
    margin-top: 0
}

.amp-tag {
    position: absolute;
    top: 0;
    right: 0;
    height: 16px;
    min-width: 16px;
    border-radius: 16px;
    background-color: #E6564A;
    font-size: 12px;
    text-align: center;
    padding: 1px 5px
}

.amp-triangle:before {
    content: "";
    position: absolute
}

.amp-triangle.amp-left-top:before {
    top: 0;
    left: 0;
    border-top: 12px solid #E6564A;
    border-right: 12px solid transparent
}

.amp-canUseApp-search {
    position: relative;
    width: 96%;
    height: 24px;
    margin: 0 8px 8px;
    background-color: rgba(255,255,255,.2);
    border-radius: 100px;
    padding: 1px 0 1px 30px;
    top: 12px;
    border: 1px solid rgba(0,0,0,.2)
}

.amp-canUseApp-search .placeholder {
    color: #FFF
}

.amp-canUseApp-search>span {
    height: 16px;
    width: 16px;
    position: absolute;
    border-radius: 50%;
    background: rgba(255,255,255,.8);
    top: 4px;
    right: 16px;
    text-align: center;
    display: none;
    cursor: pointer
}

.amp-canUseApp-search>span>i {
    color: rgba(0,0,0,.6);
    font-size: 14px;
    font-weight: 700
}

.amp-canUseApp-search>i {
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 14px;
    cursor: pointer;
    z-index: 10;
    color: #FFF
}

.amp-canUseApp-search>input {
    position: relative;
    width: 100%;
    height: 22px;
    border: none;
    background: 0 0;
    outline: 0;
    color: #FFF;
    font-size: 12px
}

#ampPersonalAsideLeftAllCanUseAppsTabContent .amp-app-single:hover>.icon-information1 {
    display: block
}

#ampPersonalAsideLeftAllCanUseAppsTabContent .amp-app-single>h5 {
    padding-right: 38px
}

#ampPersonalAsideLeftAllCanUseAppsTabContent .amp-app-single>.icon-information1 {
    position: absolute;
    top: 2px;
    right: 24px;
    z-index: 10;
    display: none;
    color: #FFF!important
}

.amp-canUseApp-group-app .icon-information1 {
    top: 8px!important
}

.amp-canUseApp-group-app .amp-can-use-app-h5 h5 {
    color: #A5A5A5
}

.amp-left-aside-canuseapp-name {
    overflow: hidden;
    display: block;
    width: 72px;
    float: left;
    text-align: left
}

.amp-circle-dot {
    width: 4px;
    height: 4px;
    background-color: #FFF;
    float: left;
    margin-right: 8px;
    margin-top: 6px;
    border-radius: 20px
}

.amp-canuseapp-sub-category {
    height: 28px!important
}

.amp-canUseApp-group-app {
    width: 100%
}

.amp-canUseApp-group-app>.amp-can-use-app-h5 {
    height: 24px;
    background-color: rgba(0,0,0,.3);
    font-size: 12px;
    color: rgba(255,255,255,.6);
    padding: 4px 16px
}

.amp-empty-canUseCards-page {
    height: 100%;
    width: 100%;
    text-align: center;
    position: relative;
    top: 16px
}

.amp-empty-canUseCards-page>.empty-canUseCards-container {
    width: 220px;
    height: 80px;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -40px;
    position: absolute;
    color: #fff
}

.amp-desktop-nav {
    position: relative;
    margin-bottom: 16px
}

.amp-desktop-nav>.amp-tab-item {
    min-width: 100px;
    line-height: 19px
}

.amp-desktop-nav>.amp-tab-item.amp-desktop-nav-icon {
    min-width: 32px;
    padding-left: 0;
    padding-right: 0
}

.amp-desktop-content {
    position: relative;
    height: calc(100% - 48px);
    text-align: center;
    overflow-x: hidden!important
}

.amp-desktop-add-input-container {
    display: block;
    padding: 5px!important
}

.amp-desktop-add-input {
    height: 22px;
    line-height: 28px;
    width: 108px;
    padding: 0 12px;
    font-size: 12px;
    border-radius: 15px;
    background-color: rgba(255,255,255,.3);
    color: #fff;
    outline: 0
}

.amp-desktop-save:hover {
    background: #00BBD9
}

.amp-desktop-del:hover {
    background: #E6564A
}

.amp-desktop-del:hover:after {
    border-bottom: 0 solid #2ACDCF
}

.amp-empty-desktop-page {
    height: 100%;
    width: 100%;
    text-align: center;
    position: relative;
    right: 16px
}

.amp-empty-desktop-page>.empty-desktop-container {
    width: 200px;
    height: 80px;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -40px;
    position: absolute;
    color: #fff
}

.amp-empty-desktop-page>.empty-desktop-container>.empty-desktop-create {
    position: relative;
    width: 200px;
    height: 40px;
    line-height: 40px;
    border-radius: 28px;
    border: 1px solid #E4E8EC;
    text-align: center;
    margin-top: 4px;
    cursor: pointer;
    font-size: 18px;
    letter-spacing: 6px;
    padding: 0 0 0 7px
}

.amp-empty-desktop-page>.empty-desktop-container>span {
    line-height: 30px;
    font-size: 12px;
    letter-spacing: 3px;
    padding: 0 0 0 4px
}

.amp-desktop-nav-btn:hover {
    background: rgba(42,205,207,.7)
}

.amp-desktop-nav-btn:hover>i {
    color: #fff
}

.amp-desktop-nav-btn:after {
    border-bottom: 0 solid #2ACDCF!important
}

.amp-admin-new-desktopnav {
    position: absolute;
    width: 0;
    height: 0;
    border-right: 16px solid transparent;
    top: 0;
    left: -1px
}

.amp-admin-new-desktop-recommed {
    position: absolute;
    font-size: 9pt;
    display: block;
    height: 120px;
    width: 300px;
    top: -10px;
    left: 22px;
    z-index: 9999
}

.amp-admin-new-desktop-recommed>div.content {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 5px 5px 5px 16px;
    top: 10px;
    box-shadow: 0 2px 8px rgba(38,66,56,.2);
    border: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
    text-align: left
}

.amp-admin-new-desktop-recommed>div.content>h3 {
    color: rgba(0,0,0,.8)
}

.amp-admin-new-desktop-recommed>div.content>span {
    color: rgba(0,0,0,.6)
}

.amp-admin-new-desktop-recommed>div.content>.amp-recommend-i-know {
    padding: 2px;
    position: absolute;
    right: 27px;
    bottom: 12px;
    line-height: 24px;
    height: 25px;
    width: 66px;
    text-align: -webkit-center;
    color: rgba(0,0,0,.6);
    box-shadow: 0 4px 8px rgba(38,66,56,.35);
    -moz-box-shadow: 0 4px 8px rgba(38,66,56,.35);
    -webkit-box-shadow: 0 4px 8px rgba(38,66,56,.35);
    cursor: pointer
}

.amp-desktopnav-more {
    visibility: hidden;
    position: absolute;
    left: -67px;
    top: 32px;
    width: 132px;
    z-index: 999999;
    box-shadow: 0 2px 8px rgba(38,66,56,.2)
}

.amp-desktopnav-more>.amp-tab-item {
    opacity: 0;
    width: 132px;
    display: inline-block;
    border-bottom: 1px solid rgba(162,169,167,.2);
    background: #FFF;
    color: #000;
    overflow: hidden
}

.amp-desktopnav-more>.amp-active,.amp-desktopnav-more>.amp-tab-item:hover {
    background: rgba(0,187,211,.6)
}

.amp-desktopnav-more>.amp-tab-item:after {
    border-bottom: 0 solid #8AC249
}

.amp-desktop-admin {
    -moz-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s;
    display: block;
    transition: .2s
}

.amp-desktop-admin>.amp-desktopnav-more .amp-tab-item {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.amp-desktop-admin:hover .amp-desktopnav-more {
    visibility: visible;
    height: auto
}

.amp-desktop-admin:hover .amp-desktopnav-more .amp-tab-item {
    opacity: 1;
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.amp-desktop-admin:hover .amp-desktopnav-more .amp-tab-item:hover {
    background: rgba(0,187,211,.6);
    background-image: -webkit-gradient(linear,0 0,0 95%,from(rgba(255,255,255,.5)),to(rgba(255,255,255,0)));
    background-image: -o-linear-gradient(-90deg,rgba(255,255,255,.5),rgba(255,255,25,0))
}

.amp-create-desktop {
    position: absolute;
    font-size: 9pt;
    display: block;
    height: 136px;
    width: 240px;
    margin-top: 30px;
    z-index: 10001
}

.amp-create-desktop>div.content {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 5px 5px 5px 16px;
    top: 10px;
    box-shadow: 0 4px 8px rgba(38,66,56,.35);
    border: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
    text-align: left
}

.amp-create-desktop>div.content h1 {
    font-size: 1.17em
}

.amp-create-desktop>div.content .amp-desktop-set-list-input {
    background-color: transparent;
    font-family: '微软雅黑';
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    text-decoration: none;
    color: #666;
    text-align: left;
    outline-style: none;
    border: 1px solid #d8dcf0;
    border-radius: 0!important
}

.amp-create-desktop>div.content>.amp-create-footer-btn {
    height: 28px;
    line-height: 28px;
    width: 150px;
    margin-top: 24px;
    right: 0;
    position: absolute
}

.amp-create-desktop>div.content>.amp-create-footer-btn>.amp-create-btn {
    width: 68px;
    height: 28px;
    border: none;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    font-size: 12px;
    text-align: center;
    line-height: 28px;
    float: left
}

.amp-create-desktop>div.content>.amp-create-footer-btn>.amp-create-btn-save {
    background: inherit;
    background-color: rgba(0,187,211,.9);
    color: #fff;
    cursor: pointer
}

.amp-create-desktop>div.content>.amp-create-footer-btn>.amp-create-btn-save:hover {
    background-color: #2196f3
}

.amp-create-desktop>div.content>.amp-create-footer-btn>.amp-create-btn-cancel {
    color: rgba(0,0,0,.6);
    cursor: pointer
}

.amp-create-desktop>div.content>.amp-create-footer-btn>.amp-create-btn-cancel:hover {
    box-shadow: 0 2px 6px rgba(13,13,13,.2)
}

.amp-create-folder-icon-down {
    position: absolute;
    font-size: 41px;
    margin-top: 3px;
    margin-left: 22px;
    color: #fff
}

.amp-asideLeftMyFavorite-add-icon {
    position: relative;
    width: 48px;
    height: 48px;
    opacity: .5;
    cursor: pointer;
    float: left
}

.amp-app-favorite-add-btn {
    position: absolute;
    width: 207px;
    opacity: 1;
    height: 72px;
    padding: 12px 8px;
    cursor: pointer
}

.amp-app-favorite-add-btn>.amp-asideLeftMyFavorite-add-icon>i {
    color: rgba(255,255,255,.6);
    font-size: 54px
}

.amp-app-favorite-add-btn>h5 {
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255,255,255,.6);
    height: 48px;
    line-height: 54px;
    padding-left: 8px;
    width: calc(100% - 48px);
    text-align: left
}

.amp-personal-asideleft-myfavorite {
    padding-top: 16px;
    height: 100%
}

.amp-personal-asideleft-myfavorite>.amp-category-tab>.amp-category-tabcontent,.amp-personal-asideleft-myfavorite>.amp-category-tab>ul {
    top: 0!important
}

.amp-personal-asideleft-myfavorite .icon-wenjianjia {
    font-size: 12px
}

.amp-myfavorite-create-folder {
    position: absolute;
    font-size: 9pt;
    display: block;
    height: 150px;
    width: 300px;
    z-index: 999999;
    background: #fff;
    box-shadow: 0 2px 8px rgba(38,66,56,.2)
}

.amp-myfavorite-create-folder>div.content {
    padding: 16px;
    top: 10px;
    border: none;
    width: 100%;
    text-align: left;
    height: calc(100% - 20px)
}

.amp-myfavorite-create-folder>div.content>.amp-folder-input {
    width: 100%;
    margin: 8px 0
}

.amp-myfavorite-create-folder>div.content>.amp-folder-input>input {
    height: 28px;
    padding: 0 4px;
    line-height: 28px;
    width: 100%
}

.amp-myfavorite-create-folder>div.content>.amp-folder-btn {
    width: 100%;
    position: absolute;
    margin-left: 118px;
    text-align: center
}

.amp-myfavorite-create-folder>div.content>.amp-folder-btn .amp-folder-cancle {
    line-height: 28px;
    height: 28px;
    color: #264238;
    box-shadow: 0 2px 8px rgba(38,66,56,.2);
    width: 70px;
    float: left;
    cursor: pointer
}

.amp-myfavorite-create-folder>div.content>.amp-folder-btn .amp-folder-save {
    width: 68px;
    height: 28px;
    line-height: 28px;
    color: #00BBD9;
    float: left;
    box-shadow: 0 2px 8px rgba(38,66,56,.2);
    cursor: pointer
}

.amp-myfavorite-create-folder>div.content>.amp-folder-btn .amp-folder-save>.title {
    padding: 0 8px
}

.amp-myfavorite-create-folder>div.content>.amp-folder-btn .amp-folder-save>.desktop-title {
    border-left: 1px solid rgba(255,255,255,.5);
    padding: 0 3px
}

.amp-myfavorite-create-folder s,.amp-myfavorite-create-folder s i {
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-style: dashed dashed solid;
    border-width: 16px;
    display: block;
    position: absolute
}

.amp-myfavorite-create-folder s {
    top: 150px;
    left: 33px;
    border-color: #666 transparent transparent
}

.amp-myfavorite-create-folder s i {
    top: -16px;
    left: -15px;
    border-color: #fff transparent transparent
}

#ampPersonalAsideLeftMyFavorite>.amp-category-tab,#ampPersonalAsideLeftMyFavorite>.amp-category-tab>.amp-category-tabcontent,#ampPersonalAsideLeftMyFavorite>.amp-category-tab>ul {
    height: 100%!important
}

.amp-folder-set-input {
    border: 1px solid #d8dcf0
}

#ampPersonalAsideLeftMyFavorite>.amp-category-tab>ul>li.amp-drag-active {
    background-color: rgba(0,187,211,.3)
}

#ampPersonalAsideLeftMyFavorite>.amp-category-tab>ul>li .amp-left-aside-canuseapp-name {
    width: 72px!important
}

.amp-myfavorite-set {
    position: absolute;
    z-index: 1;
    background: 0 0;
    width: 120px;
    bottom: 0;
    color: #FFF
}

.amp-myfavorite-set>ul>li {
    height: 32px;
    border-top: 1px solid rgba(162,169,167,.2);
    padding: 0 16px;
    line-height: 32px;
    cursor: pointer
}

.amp-myfavorite-set>ul>li>i {
    font-size: 14px
}

.amp-myfavorite-set>ul>li:hover {
    background-color: rgba(0,187,217,.2)
}

.amp-myfavorite-set>ul>.amp-myfavorite-set-save {
    background-color: #B0D684
}

.isEditState .myFavoriteFlag {
    cursor: move!important
}

.amp-drag-app-bg {
    background-color: #00BBD3
}

.amp-favoriteapp-clone-hide {
    border: 1px dashed rgba(162,169,167,.2)
}

.card-myfavorite-li[amp-type=amp-active] {
    background-color: rgba(0,187,211,.3)
}

.myFavoriteFlag.sortable-clonen {
    border-width: 1px 0;
    border-style: dashed;
    border-color: #ddd
}

#ampMyFavoriteCategoryTabContent .appFlag:hover>.icon-information1 {
    display: block
}

#ampMyFavoriteCategoryTabContent .amp-app-single>h5 {
    padding-right: 38px
}

#ampMyFavoriteCategoryTabContent .amp-app-single>.icon-information1 {
    position: absolute;
    top: 2px;
    right: 24px;
    z-index: 10;
    display: none;
    color: #FFF!important
}

.amp-personal-aside-left.amp-aside-box:not(.amp-mini) {
    width: 416px
}

.amp-personal-aside-left .amp-app-card,.amp-personal-aside-left .amp-app-card-single {
    width: 416px -16/2
}

.amp-personal-aside-left .amp-tab-item {
    border-right: 1px solid rgba(162,169,167,.2);
    border-bottom: 1px solid rgba(162,169,167,.2);
    margin: 0
}

.amp-personal-aside-left .amp-tab-item:nth-last-child(1) {
    border-right: none
}

.amp-personal {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 44px;
    left: 0;
    opacity: 0;
    display: none;
    overflow: hidden
}

.amp-personal.amp-active {
    opacity: 1;
    display: block
}

.amp-personal-center {
    position: absolute;
    top: 0;
    left: 60px;
    width: calc(100% - 120px);
    height: 100%;
    padding: 16px 0
}

.amp-animate-personal-center {
    -webkit-transition: left,width,padding-left;
    transition: left,width,padding-left;
    -webkit-transition-duration: .45s;
    transition-duration: .45s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ampDesktopCreatBtn {
    display: none
}

.amp-category-content-item {
    position: relative
}

.amp-category-content-item>.amp-app-single {
    position: relative;
    height: 32px;
    line-height: 30px;
    padding: 4px 0 4px 16px;
    margin-bottom: 0
}

.amp-category-content-item>.amp-app-single>img {
    width: 24px;
    height: 24px
}

.amp-category-content-item>.amp-app-single>.amp-app-single-drag {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 12px;
    display: none
}

.amp-category-content-item>.amp-app-single:hover {
    background-color: rgba(0,187,217,.15)
}

.isEditState .amp-category-content-item .amp-app-single:hover i {
    display: block
}

.amp-category-content-item>.amp-app-complex {
    height: 32px;
    padding: 4px 0 4px 16px;
    margin-bottom: 0
}

.vertical {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.vertical.flip-container {
    position: relative;
    -webkit-transform-origin: 100% 213.5px;
    -ms-transform-origin: 100% 213.5px;
    transform-origin: 100% 213.5px
}

.vertical.flip-container:hover {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.apphasUnReadMark:after,.hasMessageMark:before,.hasUnReadMark:before,.recommedCard:after,.tabhasUnReadMark:after {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    width: 0;
    height: 0;
    border: 4px solid #f77f76;
    left: 104px;
    border-radius: 12px
}

.tabhasUnReadMark:after {
    left: 85px
}

.apphasUnReadMark:after {
    left: 220px!important
}

.hasMessageMark:before {
    left: 126px!important
}

.amp-sorting-crad-change-big {
    width: 540px!important;
    height: 240px!important;
    text-align: center;
    display: inline-block
}

.recommedCard {
    z-index: -99999999
}

.amp-personal-empty-page {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -76px;
    margin-left: -80px;
    font-size: 14px;
    height: 200px;
    width: 160px;
    text-align: center;
    color: #FFF
}

.amp-personal-empty-page>img {
    width: 120px;
    height: 120px
}

.amp-task-count {
    position: absolute;
    height: 19px;
    line-height: 14px;
    width: 19px;
    z-index: 9999;
    top: 0;
    right: 8px;
    border-radius: 50%;
    word-break: keep-all;
    overflow: hidden;
    padding: 2px
}

.amp-task-count-bg {
    background: #E6564A
}

.amp-sort-ghost-class {
    opacity: .3
}

.amp-sort-drag-class {
    opacity: 1
}

.amp-personl-center-desktop-blur {
    position: fixed;
    height: 0;
    background: 0 0;
    opacity: 0
}

.amp-personl-center-desktop-blur-item {
    float: left;
    width: 540px;
    margin-right: 16px;
    margin-bottom: 16px;
    vertical-align: top;
    height: 100%;
    background-image: -webkit-linear-gradient(bottom,rgba(0,149,135,0) 0,rgba(0,149,135,.3) 100%);
    background-image: linear-gradient(to top,rgba(0,149,135,0) 0,rgba(0,149,135,.3) 100%)
}

.cover,.cover-block {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.amp-undecoration {
    text-decoration: none!important
}

.amp-internation-tool-hide {
    display: none
}

.amp-favorite-icon-jia>i {
    font-size: 25px
}

.cover {
    position: fixed;
    z-index: 999999;
    background-color: rgba(0,0,0,.65);
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

#appDetail.cover.active {
    z-index: 15
}

.cover.active {
    opacity: 1;
    filter: Alpha(opacity=100)
}

.cover-block {
    position: absolute;
    z-index: 1000
}

.widget-set-container {
    position: relative;
    overflow: visible;
    float: right
}

.widget-set-container .dropdown-menu {
    top: 30px;
    right: 0;
    position: absolute;
    z-index: 999
}

.widget-modal-container {
    position: fixed;
    width: 500px;
    height: 400px;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -200px;
    background: #fff;
    padding: 16px
}

.widget-set-container.active .dropdown-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    display: block
}

.widget-modal-title {
    overflow: hidden;
    margin-bottom: 16px
}

.widget-modal-title h4 {
    margin: 0;
    font-size: 14px;
    line-height: 36px
}

.widget-modal-title i {
    float: right
}

.widget-modal-title .icon-chacha {
    background-position: -352px 0;
    margin: 6px;
    cursor: pointer;
    z-index: 1;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0
}

.widget-form-group {
    margin-bottom: 6px
}

.widget-form-group input,.widget-form-group select {
    height: 28px;
    padding: 4px;
    font-size: 12px;
    line-height: 18px;
    color: #264238;
    background-color: #fff;
    background-image: none;
    border: 1px solid #A2A9A7;
    border-radius: 2px;
    width: 100px;
    margin-right: 8px
}

.widget-form-group input {
    width: 160px
}

.widget-form-group label,.widget-form-group>span {
    margin-right: 8px
}

.modal-btn-default,.modal-btn-success,.widget-modal-cancel,.widget-modal-confirm {
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    outline: 0!important;
    padding: 6px 8px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 2px;
    min-width: 80px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 1px 4px rgba(38,66,56,.12);
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    margin-right: 8px
}

.modal-btn-default {
    background: #fff;
    color: #264238
}

.modal-btn-default.disabled {
    color: #A2A9A7;
    background-color: #EDEEEE;
    border: none;
    cursor: not-allowed
}

.modal-btn-success {
    background: #8AC249;
    color: #fff
}

.widget-modal-confirm {
    color: #fff;
    background-color: #00BBD3;
    border: none
}

.widget-modal-cancel {
    color: #264238;
    background-color: #fff;
    border: 1px solid #EDEEEE;
    padding: 5px 8px
}

.widget-validate-span {
    margin: 0 0 6px 58px;
    color: #E6564A;
    display: none
}

.no-data-prompt {
    text-align: center;
    margin-top: 150px
}

.no-data-prompt img {
    width: 144px;
    height: 144px
}

.bind-block,.bind-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.no-data-prompt-text {
    font-size: 18px;
    color: #A2A9A7;
    margin-top: 16px
}

.bind-container {
    background: #fff;
    overflow: hidden
}

.bind-block {
    padding: 16px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all .25s;
    transition: all .25s
}

.bind-block.bind-left {
    -webkit-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.bind-block.bind-right {
    -webkit-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.bind-result-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: relative;
    margin: 25px auto
}

.bind-result-img.success {
    border: 4px solid #EDEEEE
}

.bind-result-img.success:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 48px;
    left: 29px;
    top: 11px;
    background: #fff;
    transform: rotate(45deg);
    border: 4px solid #8AC249;
    border-top: none;
    border-left: none
}

.bind-result-img.error {
    border: 4px solid #E6564A
}

.bind-result-img.error:after,.bind-result-img.error:before {
    content: '';
    position: absolute;
    display: block;
    width: 47px;
    height: 4px;
    background: #E6564A;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    left: 8px;
    top: 30px
}

.bind-result-img.error:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bind-result-img.error:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.bind-mail-block {
    width: 100%;
    padding: 4px;
    line-height: 32px;
    border-bottom: #EDEEEE solid 1px
}

.bind-mail-block:after {
    content: '';
    display: block;
    clear: both
}

.bind-mail-block:first-child {
    border-top: #F0F0F0 solid 1px
}

.bind-mail-block-img {
    width: 32px;
    margin-right: 8px
}

.bind-mail-block p {
    margin: 0
}

.bind-unbind {
    font-weight: 400;
    background-color: transparent;
    text-decoration: none;
    color: #02A8F3;
    cursor: pointer
}

.bind-manage-list {
    margin-bottom: 8px;
    min-height: 126px
}

.bind-manage-title span {
    font-size: 12px;
    color: #bebebe;
    margin-left: 8px
}

.widget-modal-title>.close {
    background-position: -352px 0;
    margin: 6px;
    cursor: pointer;
    z-index: 1;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0
}

.clearfix {
    clear: both
}

.amp-recommed-card-container {
    position: absolute;
    font-size: 9pt;
    display: none;
    height: 120px;
    width: 300px
}

.amp-recommed-card-container>div.content {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 5px 5px 5px 16px;
    top: 10px;
    border: none;
    text-align: left;
    box-shadow: 0 2px 8px rgba(38,66,56,.2)
}

.amp-recommed-card-container>div.content>span {
    color: #45534E
}

.amp-recommed-card-container>div.content>div {
    margin: 24px 10px 10px 120px;
    text-align: center
}

.amp-recommed-card-container>div.content>div .amp-color-black-lv1 {
    line-height: 24px;
    height: 24px;
    color: #264238;
    box-shadow: 0 2px 8px rgba(38,66,56,.2)
}

.amp-recommed-card-container>div.content>div .amp-bg-color-primary-lv1 {
    width: 70px;
    height: 24px;
    line-height: 24px;
    color: #00BBD9;
    float: left;
    box-shadow: 0 2px 8px rgba(38,66,56,.2)
}

.amp-recommed-card-container>div.content>div .amp-bg-color-primary-lv1>.title {
    padding: 0 8px
}

.amp-recommed-card-container>div.content>div .amp-bg-color-primary-lv1>.desktop-title {
    border-left: 1px solid rgba(255,255,255,.5);
    padding: 0 3px
}

.amp-recommed-card-container s i,.amp-recommend-up s,.amp-recommend-up s i {
    border-style: dashed dashed solid;
    border-width: 16px
}

.amp-recommed-card-container .amp-recommend-keep,.amp-recommed-card-container .amp-recommend-no-need {
    cursor: pointer
}

.amp-recommed-card-container s {
    position: absolute;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0
}

.amp-recommed-card-container s i {
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: #fff transparent transparent
}

.amp-recommend-up s {
    top: 129px;
    left: 33px;
    position: absolute;
    border-color: #666 transparent transparent
}

.amp-recommend-up s i {
    position: absolute;
    display: block;
    top: -16px;
    left: -15px;
    border-color: #fff transparent transparent
}

.amp-recommend-down s,.amp-recommend-down s i {
    display: block;
    border-width: 0 16px 16px;
    border-style: solid;
    position: absolute
}

.amp-recommend-down s {
    top: -4px;
    left: 33px;
    border-color: transparent transparent #333
}

.amp-recommend-down s i {
    border-color: transparent transparent #fff;
    top: 0;
    left: -16px
}

.amp-recommend-show-desktopnav {
    background: #fff;
    width: 120px;
    min-height: 60px;
    position: absolute;
    margin-top: 6px;
    margin-left: 44px;
    padding: 10px;
    display: none
}

.amp-recommend-show-desktopnav>span {
    display: block
}

.amp-recommend-show-desktopnav>span.recommend-keep-desktop-nav {
    display: block;
    line-height: 30px;
    overflow: hidden
}

.amp-recommend-show-desktopnav>span.recommend-keep-desktop-nav:hover {
    cursor: pointer;
    color: rgba(42,205,207,.7)
}

.amp-recommend-show-desktopnav>span.desktop-desc {
    margin-left: -40px;
    color: #bbb
}

.amp-recommend-show-desktopnav>.desktop-desc {
    color: #0c0d0d
}

.amp-aside-right-tab-item {
    position: relative;
    float: left;
    width: 155px;
    height: 32px;
    padding: 6px 12px;
    margin-right: 1px;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    border-bottom: 1px solid rgba(162,169,167,.2)
}

.amp-personal-aside-right-task {
    height: 100%;
    padding-bottom: 45px
}

.amp-aside-box-hide {
    display: none
}

.amp-personal-aside-right-task-item {
    font-family: '微软雅黑 Bold','微软雅黑 Regular','微软雅黑';
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    color: #FFF;
    border-bottom: 1px solid rgba(162,169,167,.2);
    height: 36px;
    line-height: 36px;
    padding-left: 16px;
    cursor: pointer
}

.amp-personal-aside-right-task-item>.task-item-count {
    padding-left: 8px
}

.aside-process-item {
    padding-left: 8px;
    position: relative;
    margin-bottom: 1px;
    cursor: pointer;
    background: rgba(0,0,0,.1)!important
}

.aside-process-item:hover>.content>.check-flow,.aside-process-item:hover>.content>.view-comment {
    display: block
}

.aside-process-item>.image {
    margin: 4px 8px 4px 0;
    float: left
}

.aside-process-item>.image>img {
    width: 32px;
    height: 32px
}

.aside-process-item>.content {
    padding-bottom: 12px;
    width: calc(100% - 44px);
    width: -ms-calc(100% - 44px);
    width: -o-calc(100% - 44px);
    overflow: hidden
}

.aside-process-item>.content>.processName {
    color: #FFF;
    float: left;
    width: calc(100% - 44px);
    width: -ms-calc(100% - 44px);
    width: -o-calc(100% - 44px);
    overflow: hidden;
    height: 100%;
    line-height: 40px;
    text-align: left
}

.aside-process-item>.content>.task-type {
    float: right;
    margin-right: 8px;
    height: 100%;
    line-height: 40px
}

.aside-process-item>.content>.task-type-db {
    color: #FEC006
}

.aside-process-item>.content>.task-type-ywc {
    color: #8AC249
}

.aside-process-item>.content>.create-time {
    float: left;
    color: rgba(255,255,255,.6)
}

.aside-process-item>.content>.view-comment {
    float: right;
    margin-right: 10px;
    display: none
}

.aside-process-item>.content>.view-comment>a {
    display: inline-block;
    text-decoration: none;
    color: #2196F3
}

.aside-process-item>.content>.check-flow {
    float: right;
    margin-right: 10px;
    display: none
}

.aside-process-item>.content>.check-flow>a {
    display: inline-block;
    text-decoration: none;
    color: #2196F3
}

.amp-widget-drag-hide,.amp-widget.amp-hide {
    display: none
}

.aside-process-item>.content>.clearfix {
    clear: both
}

.serviceItem {
    position: relative;
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding: 0 8px 0 16px;
    margin-bottom: 1px;
    text-align: left;
    cursor: pointer
}

.serviceItem>.content {
    float: left;
    width: calc(100% - 70px)
}

.serviceItem>.content>img {
    position: relative;
    float: left;
    width: 28px;
    height: 28px;
    margin-top: 8px
}

.serviceItem>.content>.title {
    float: left;
    padding: 7px 0 7px 8px;
    width: calc(100% - 40px)
}

.serviceItem>.content>.title>h5 {
    margin: 0 0 5px;
    padding: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #FFF;
    overflow: hidden;
    -o-text-overflow: ellipsis
}

.serviceItem>.content>.title>h6 {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: rgba(255,255,255,.6)
}

.serviceItem>.tip {
    float: right;
    position: relative;
    width: 70px;
    text-align: right
}

.amp-personal-aside-right-task-box .amp-arrow {
    float: right;
    right: 16px;
    margin-top: 10px;
    font-weight: 700
}

.amp-aside-right-box-expand .amp-arrow:before {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 8px
}

.right-side-do-more {
    text-align: center;
    color: #999!important;
    cursor: pointer;
    padding: 6px 0
}

.amp-widget-add,.amp-widget-drag {
    text-align: center;
    padding: 82px 0
}

.amp-personal-aside-right-task-item-content.amp-hide {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.amp-personal-aside-right-task-item-content.amp-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.amp-widget {
    position: relative;
    float: left;
    width: 540px;
    height: 240px;
    margin-right: 16px;
    margin-bottom: 16px;
    vertical-align: top;
    color: #FFF!important
}

.amp-widget.ampEmptyWidgetPlaceholderFlag {
    margin-bottom: 0!important
}

.amp-widget-add {
    color: #fff;
    font-size: 14px;
    cursor: pointer
}

.amp-widget-add-icon {
    position: relative;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    cursor: pointer
}

.amp-widget-add-icon>i {
    color: rgba(255,255,255,.6);
    font-size: 54px
}

.amp-widget-card-center {
    background-color: rgba(0,0,0,.3);
    box-shadow: 0 2px 8px rgba(38,66,56,.2)
}

.amp-widget-add-tool {
    position: absolute;
    left: 50%;
    margin-left: -34px;
    color: rgba(255,255,255,.6);
    font-size: 12px
}

.amp-widget-drag {
    color: #fff;
    font-size: 14px;
    border: 2px dashed rgba(162,169,167,.2)
}

.amp-widget-drag>.amp-widget-drag-icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    left: 50%;
    margin-left: -30px;
    cursor: pointer
}

.amp-widget-drag>.amp-widget-drag-icon>i {
    font-size: 50px;
    color: rgba(255,255,255,.6)
}

.amp-widget-drag>.amp-widget-drag-desc {
    opacity: .5;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: 15px;
    font-size: 12px;
    color: rgba(255,255,255,.6)
}

.amp-widget-lost-permission-content {
    padding: 48px 0;
    opacity: .6
}

.amp-widget-lost-permission-content i {
    font-size: 60px
}

.sortable-fallback {
    overflow: hidden
}

.amp-wf-head-title {
    color: #FFF
}

.amp-wf-frame {
    background-color: rgba(0,0,0,.3)!important;
    box-shadow: 0 2px 8px rgba(38,66,56,.2)!important
}

.data-name-box,.widget-recommend-item .widget-information .widget-title {
    color: #FFF!important
}

.mail-new,.widget-information>.widget-classify {
    color: rgba(255,255,255,.6)
}

.cycleServiceRemind-content>.title>h5 {
    color: #FFF
}

.cycleServiceRemind-content>.title>.data {
    color: rgba(255,255,255,.6)
}

.personal-data-container,.process-item {
    border-bottom: 1px solid rgba(162,169,167,.2)
}

.notice-content-divider,.widget-recommend-item {
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: rgba(162,169,167,.2)
}

.process-item .processName {
    color: #FFF
}

.notice-content-divider .short-date,.process-item .create-time {
    color: rgba(255,255,255,.6)
}

.notice-content {
    color: #FFF
}

.notice-see-more,.right-side-do-more {
    color: rgba(255,255,255,.6)!important
}

.amp-color-success-new-lv1 {
    color: #8AC249!important
}

.amp-body-color {
    color: #FFF!important
}

.amp-body-caption-color {
    color: rgba(255,255,255,.6)!important
}

.amp-divider-color {
    border-color: rgba(162,169,167,.2)!important
}

.amp-icon-bg-color {
    color: #FFF!important
}

.amp-icon-caption-color {
    color: #A2A9A7!important
}

.amp-list-normal-bg {
    background-color: transparent!important
}

.amp-list-hover-bg:hover {
    background-color: rgba(0,187,211,.3)!important
}

#bsdt {
    display: none
}

#grsj {
    display: none
}

#xxzx {
    display: none
}


.amp-widget{
    position: relative;
    display: inline-block;
    width: 540px;
    height: 240px;
    margin-right: 16px;
    margin-bottom: 16px;
    border-radius: 12px;


}

.my-site-content-item {
    float:left;
    width:540px;
    height:240px;
    margin: 20px;
    border-radius: 10px;
}

.my-site-article {
    background-image: url("images/bg.jpg");
    /*   background-size: 100% 100%; */
    background-repeat: no-repeat;
    position: relative;


}

.amp-wf-head {
    position: relative;
    height: 32px;
    color: #fff;
    font-size: 12px;
    border-radius: 12px 12px 0 0;
}
.amp-w-frame{
    position: relative;
    width: 540px;
    height: 240px;
    background-color: rgba(0,0,0, .3);
    color: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
    overflow: hidden;
}

.amp-wf-head-title{
    padding: 9px 16px;
    text-align: left;
}

.amp-wf-head{
    background-color: rgba(0,0,0, .3);
}
.amp-wf-head img{
    margin: 8px 5px 10px 10px;
}

.amp-wf-body {
    position: relative;
    width: 100%;
    height: 208px;
    color:#fff!important;
    padding: 10px 20px 0 20px;
}

.my-site-section {
    /*width: 1500px;
    left: 50%;
    margin-left: -750px;*/
}